Introduction
Google chrome is the best Web browser in the world. It was designed with cutting-edge technology. It contains thousands of extensions and applications for everyone. Here I am listing some useful Chrome extensions for developers, most of which I use in my work every day.
AngularJS Batarang / Augury
Angular Batarang / Augury is a superheroic tool for debugging Angular applications. It saves a lot of time with setting breakpoints, viewing model values, and forming status in the console.
For more, read this article Form Debugging With AngularJS Batarang
![]()
Jquery Audit
Jquery Audit is a simple Chrome extension to inspect/audit jQuery applications. It's not an official tool from jQuery. jQuery Audit creates a sidebar in the Elements panel containing jQuery delegated events, internal data, and more, as live DOM nodes, functions, and objects.
For more, read this article
Inspecting Web Applications Using jQuery Audit![]()
JSON Formatter This is a Chrome extension for printing JSON and JSONP when you visit it directly in a browser tab. If you open large XHR Data (JSON) in a new tab, it is shown in ugly raw format. But Json formatter turns that raw data into an attractive view. You can simply do this by going to network tab in dev tools and right clicking any XHR request and opening it in a new tab. The page is automatically changed into a JSON formatter view.
![]()
One Tab
It’s not a debugging or auditing tool. It's just a single HTML page into which you can save your opened temporary tabs and then visit it any time. Whenever you find yourself with too many tabs, click the OneTab icon to convert all of your tabs into a list. When you need to access the tabs again, you can either restore them individually or all at once.
Note Board
An awesome extension from the famous sticky notes developer team. It’s a virtual note board, and you can save any kind of note (text, link, HTML, videos). Log in with your Google account to synchronize your data to any machine. Share and Public Board options feature allow you to share a board with friends and the public.
![]()
Autofill The most painful moment for a developer/tester is filling the whole form every time when testing or developing web pages. The Autofill extension serves to fill form fields automatically on page load without any interaction from the user. Fill in forms once and save them with auto form fill. It saves time from fill input field every time. But if you use any plugins for selecting or other input fields, this extension reacts with difficulty, so please check once before using this extension.
![]()
Color pick eyedropper
An eye-dropper & color-picker tool that allows you to select color values from web pages. Get any color from the web page.
![]()