Chrome: Popular Developer Extensions

Original author: Google
  • Transfer

Recommended extensions to the Chrome developer tools for more enjoyment of the debugging and development process.



Angular batarang


This extension adds tools for finding problems in the performance, visualization and debugging of the application.

Devtools terminal


DevTools Terminal is an extension of the Chrome developer tools that adds terminal capabilities to your browser.

Ember inspector


Ember Inspector is an extension to the Chrome developer tools that makes it easier to understand and debug applications on Ember.js.

Backbone debugger


Adds a tab to the Chrome Developer Tools, which displays real-time views, models, collections, and routes.

Marionette inspector


Marionette Inspector offers tools for visualizing components, finding data, and studying activity in real time.

React Developer Tools


React Developer Tools is an extension of the Chrome developer tools for working with the React.js open JavaScript library

Thorax inspector


Adds inspector support for Thorax, a library based on Backbone and Handlebars, for creating large web applications.

Grunt devtools


Extends developer tools by adding tools for Grunt! Full GUI for Grunt. Support for background tasks such as tracking. Allows you to run tasks for multiple projects in one window.

DevTools Redirect


It intercepts and redirects resources from any domain to any resources located locally or on a remote server.

Knockoutjs context debugger


Extension for debugging Knockoutjs. Adds a sidebar to the Elements tab of the developer tools with the corresponding knockout description of the selected item.

BatmanJS DevTools


If you work with Batman.js, then this extension will become an invaluable tool for you. It contains many tools useful for developing Batman.js directly in the browser.

Emmet livestyle


Unlike other similar tools, LiveStyle does not modify the CSS file in the browser (or file system) to display the changes, it performs structural analysis during the set and map changes from one CSS source to another.

Snappy snippet


SnappySnippet is an extension of the developer tools that allows you to get CSS and HTML of the selected DOM branch (the last inspected element). In just one click, you can transfer the selected code to CodePen, jsFiddle or JS Bin.

RapidJS DevTools


An additional panel in the Chrome developer tools that allows you to learn rAppid: js application.

Railspanel


RailsPanel - Chrome extension for developing Rails applications that will process the log file. Access all the request information for your Rails application directly in the console.

App Inspector for Sencha


An extension of the Google Chrome developer tools for debugging Sencha applications.

jQuery Debugger


A new tab for the selectors inspector for the convenience of checking your jQuery selectors, and viewing the results on any site. The add-on is designed to help you understand even the most complex selectors.

PageSpeed ​​Insights


A browser extension available for Chrome and Firefox that allows you to evaluate the performance of your pages and get recommendations for improving them.

Django debug panel


Django Debug Panel for WebKit Developer Tools. It showed good work with background AJAX requests and non-HTML requests. Great for single-page applications and other web-based applications using AJAX.

Also popular now: