Google chrome is one of most popular web browser from the list of the web browsers, It has created its own place among the Internet users and you might be using it as your primary browser. One of the reason for chrome to be popular among all kind of user say consumer or developers is it’s vast plugins and extensions in Chrome web store. In this post, I will be covering Top 5 Chrome extensions apart from the developer console that is useful for any developer in doing his/her daily job.
1. Firebug Lite for Google Chrome™
Firebug Lite is a tool to be used in conjunction with these Chrome Developer Tools. Firebug Lite provides the rich visual representation we are used to see in Firebug when it comes to HTML elements, DOM elements, and Box Model shading. It provides also some cool features like inspecting HTML elemements with your mouse, and live editing CSS properties. I personally feel Chrome Developer Tools are self sufficient but Firefox users probably like this.
Download Link: Firebug Lite
2. Speed Tracer (by Google)
If you are web developer and obsessed with performance than you will love this. Speed Tracer is a tool to help you identify and fix performance problems in your web applications. It visualizes metrics that are taken from low level instrumentation points inside of the browser and analyzes them as your application runs. Speed Tracer is available as a Chrome extension and works on all platforms where extensions are currently supported (Windows and Linux).
Using Speed Tracer you are able to get a better picture of where time is being spent in your application. This includes problems caused by JavaScript parsing and execution, layout, CSS style recalculation and selector matching, DOM event handling, network resource loading, timer fires, XMLHttpRequest callbacks, painting, and more.
3. Postman – Rest Client
If you are developing web services for your project than you will find postman your best buddy. Postman helps you be more efficient while working with APIs. Postman is a scratch-your-own-itch project. The need for it arose while one of the developers was creating an API for his project. After looking around for a number of tools, nothing felt just right. The primary features added initially were a history of sent requests and collections.
Download Link: Postman
4. Stylebot
Web designers need a way to manipulate CSS on the fly and see the behavior live. Stylebot lets you manipulate the appearance of any website with custom CSS. You pick an element and choose any changes you want to make from the editor. You can change the font, color, margins, visibility and a lot more. You can also write CSS manually.
Download Link: Stylbot
5. PageSpeed Insights
Another interesting tool for web developer is PageSpeed Insight by Google. The PageSpeed Insights Chrome Extensions allow you to evaluate the performance of your web pages and to get suggestions on how to improve them.
Download Link: PageSpeed Insight
