Featured DevTools Extensions

This extension features tools to help find and address performance bottlenecks, and visualize and debug applications.

DevTools Terminal is a new Chrome DevTools extension that brings the power of the terminal to your browser. If you ever find yourself context-switching between Chrome and the command-line for tasks like: pulling down as…

The Ember Inspector is a plug-in for the Chrome developer tools that makes understanding and debugging your Ember.js application a snap. After installing this extension, you'll be able to easily: - View all of the rou…

Adds a panel under the Chrome Developer Tools that displays in real-time all your application views, models, collections and routers. Data displayed includes: - Views: rendering status, html element, associated model an…

The Marionette Inspector offers tools for visualizing components, searching data, and exploring activity in real-time. For more information vist the Inspector page.

React Developer Tools is a Chrome DevTools extension for the open-source React JavaScript library. It allows you to inspect the React component hierarchies in the Chrome Developer Tools (formerly WebKit Web I…

Inspector extension for Thorax, a Backbone + Handlebars framework to build large scale web applications.

Extends the Developer Tools, adding tools for Grunt! A full GUI for your Gruntfile. Supports background tasks, such as 'watch'. Allows you to run tasks for multiple projects in a single window. See the GitHub page fo…

This devtools extension will allow you to work faster on your local files using the server environment, try modifications on a website without breaking it for other people. You're deciding which file(s) you want to redi…

Knockoutjs debugging extension. Adds a extra sidebar in the elements pane of the chrome dev tools with the relevant knockout context and data for the selected element. Very useful if you got large/nested viewmodels. A…

If you work with Batman.js, this Batman.js Devtools Chrome extension is an invaluable tool. It includes a variety of tools useful for developing with Batman.js right in your browser.

Unlike other similar tools, LiveStyle doesn't replace CSS file in browser (or file system) to display changes, it performs structural analysis as-you-type and maps changes from one CSS source into another. Benefits are…

SnappySnippet is a DevTools extension that allows you to extract CSS and HTML from selected DOM subtree (last inspected element). Then, with just one click, you can send selected code to CodePen, jsFiddle or JS Bin. Ot…

An extra panel in the inspect dialog of the chrome developer tools, that let you inspect the insights of a rAppid:js application. To enable the inspection for your application you need to add the following setting to y…

RailsPanel is a Chrome extension for Rails development that will end your tailing of development.log. Have all information about your Rails app requests right there in the Developer Tools panel. Provides insight to db/r…

Google Chrome™ Dev Tools extension for debugging Sencha™ applications.

New Selector Inspector panel Comfortably inspect your jQuery selectors, and watch their matching elements displayed on any website. Designed to help you understand easily even the most complex selectors. Two new sideba…

The PageSpeed Insights browser extensions, available for Chrome and Firefox, allow you to evaluate the performance of your web pages and to get suggestions on how to improve them. PageSpeed Insights for Chrome is a Chr…

Django Debug Toolbar inside WebKit DevTools. Works fine with background AJAX requests and non-HTML responses. Great for single-page applications and other AJAX intensive web applications.