Most programmers use Google Chrome on their computer system, for this reason, they have access to countless Chrome extensions. In this article, we are going to introduce 10 of the best Google Chrome extensions for programmers.
The Usersnap Chrome extension lets you capture and annotate any web page directly in your browser. It’s super-easy to provide visual feedback on prototypes or report bugs with this Google extension.
And all created screenshots and screen recordings are directly stored in your project dashboard, making bug tracking and feedback a lot of fun!
The Usersnap plugin is one of the best bug and feedback tracking tools published in collaboration with major companies Inc., Forbes, Techcrunch, and Huffington Post. Famous companies such as Google, Facebook, and Microsoft also use this plugin in their software projects.
link: Usersnap extension
2. Web developer
The main idea for creating the Google Chrome Web Developer extension originated from the PNH tool. This extension adds several different tools to the toolbar of the Google Chrome browser so that programmers and designers can easily use them in their daily work. It allows you to do a lot more than the standard Chrome Inspector, like being able to easily add outlines to elements just by clicking, displaying rulers, finding all broken images on a page, and lots more.
Link: Web developer extension.
CSSViewer is a simple CSS property viewer. It provides a floating panel that reports on the identity of the section that the mouse is over, along with its font, text, color, background, box, positioning, and effects attributes. CSSViewer provided the basic CSS information you need quickly. Make sure to install this Chrome extension.
Link: CSS Viewer
4. f19N Obtrusive Live Test
This Chrome extension for developers is a sandboxed, extendable Webpage Testing Framework. It allows devs to test all pages on predefined best practices such as SEO or web performance. It is very simple to create the tests yourself.
You get direct visual feedback and see what is happening in the browser during page loads and render lifecycles.
Link: F19N Obtrusive Live Test
5. Window Resizer for Developer
The Window Resizer plugin helps developers to resize the Google Chrome browser window. After clicking on the icon of this plugin, developers can choose their desired size in a drop-down menu.
The interesting thing about the Window Resizer plugin is that you can run it in Pop-Up mode and then make sure that the web pages you want work well in different resolutions. In addition, you will be able to rotate the screen and change its default settings.
Link: Window Resizer
actiTIME Timer helps developers to keep track of work hours directly from the web browser and web apps such as Jira. It is used by companies and freelancers for analyzing performance and controlling the project’s progress and profitability.
Ghostery is a great Google extension that detects trackers, pixels, and any other embedded snippets on a website. You immediately see which plugins and trackers are installed on the web page you’ve visited. Further on, Ghostery lets you protect your privacy. There’s no registration or sign-up required to use this Chrome extension.
8. IE Tab
In need to do some manual IE testing and don’t want to install all kinds of different Internet Explorer versions? Check out the IE Tab extension for Chrome which emulates IE by using the IE rendering engine directly in Chrome. You can test your website for IE6, IE7, IE8, or IE9 directly in your chrome browser.
Unfortunately, the IE Tab Chrome extension is only available for Windows at the moment.
Link: IE Tab
9. Site Spider
If you need to find broken links on your site and want to restrict spidering to a specific directory you need Site Spider.
Link: Site Spider
As a developer working with RESTful APIs, reading raw JSON data on a browser can be quite awkward. It’s much easier to read JSON in tree-view, rather than in its raw state. The Chrome extension JSONView helps you view JSON documents in the browser.
Link: JSON Viewer