Google Chrome extensions are very practical for developers. They enable developers to concentrate their work without having to run trivial tools during the development process. Chrome extensions can help developers in many ways. Chrome is a very popular browser, and these extensions undoubtedly add to its charm.
We have collected some important Chrome extensions, which is very helpful for our Web development work.
1. Speed Tracer
Speed Tracer is an extended application that helps you discover and fix Web application performance problems. The Speed Tracer feature is very powerful. It can perform comprehensive Detection and Analysis on elements in the Web page to find out the culprit of slow running of Web applications, so that developers can easily optimize code. Speed Tracer can also solve JavaScript syntax analysis and execution, CSS style and other problems.
2. Web Developer
After the Web Developer extension is installed, a button is added to the toolbar of the browser. Click this button to bring up various Web development tools. The author of this extension tool is also a popular Firefox extension Web Developer extension for Firefox.
3. Chrome Sniffer
This extension can help Web developers check the Web framework/CMS and JavaScript libraries of the currently browsed website. An icon appears in the address bar to display the detected framework.
4. StayFocusd
StayFocusd is an efficient Google browser extension that helps you focus on your work by limiting the time you spend on a non-value website. Once the specified time has been exhausted, the website will be restricted and you will not be able to access the website within one day.
5. JavaScript Errors Notifier
After the extension is installed, a JavaScript error is prompted in the Chrome address bar as an icon.
6. Stylebot
With Stylebot, you can customize the appearance and style of your favorite website. This is also a great tool for learning CSS. You can learn CSS when designing and debugging websites.
7. Window Resizer
This extension can adjust the size of the browser window to adapt to various screen resolutions. This is very useful for Web designers and developers to help them test the website layout at different screen resolutions.
8. Awesome Screenshot
It helps users intercept webpage content and add comments.
9. BuiltWith Technology Profiler
BuiltWith is a website analysis tool. After finding a webpage, BuiltWith can return all the technologies it can find on this page. BuiltWith's goal is to help developers, researchers, and designers find out what technology the web page uses, which may help them decide what technology they use in their own projects.
10. Clicky Monitor
Clicky is a powerful real-time web page analysis service. the Clicky monitor allows you to quickly access the analysis information of the websites you track using Clicky.
Via http://slodive.com/web-development/chrome-extensions-web-developers/