Keywords: chrome extensions web developer, web development, chrome extensions, chrome web store, chromium extensions
1. General Tool & Testing – Web Developer Toolbar
The Web Developer toolbar for Chrome is the official port of the web developer extension for Firefox. It adds a toolbar button to the web browser with a large number of tools, although it lacks some of the features of the original Firefox version.
Developer website: http://chrispederick.com/work/web-developer/history/chrome
Download Web Developer Extension
2. General Tool & Testing – Firebug Lite for Google Chrome
Another extension for Chrome which works in conjunction with Chrome developer tools and allows you to edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.
Download Firebug Lite Extension
3. Responsive Web Design – Window Resizer
This extension resizes the web browser’s window in order to emulate various resolutions. It is particularly useful for web designers and developers by helping them test their layouts on different browser resolutions (responsive design).
4. Page & Element Dimensions: Page Ruler
Page Ruler is a small Chrome extension that lets your draw out a ruler to any page and displays the width, height and position of it in pixels.
5. Color Picker
Pick a color from the page using the eyedropper and get a number of the color in HEX and RGB.
6. Color Picker – Eye Dropper
Another chrome / chromium extension to pick colours from web pages.
Download Eye Dropper Extension
7. Code Snapshot – Marmoset
Marmoset is a Chrome broswe extension which lets you create very nice code snapshots.
Download Marmoser Code Snapshot app
8. Emulation – IE Tab
IE Tab emulates IE by using the IE rendering engine directly within Chrome. It uses Java, Silverlight, ActiveX, Sharepoint, etc. This extension can be useful to test web pages with different versions of Internet Explorer. Windows only.
9. Lorem Ipsum Generator
Simple Chrome extension that generates random Lorem Ipsum text (random dummy text).
Download Lorem Ipsum Generator
10. Broken Links: Check My Links
As the name implies, Check My Links is a link checker that crawls through your webpage and looks for broken links.
11. Bonus: Wappalyzer
Wappalyzer is a Chrome extension that allows developers to identify the various technologies that make up the back end of a website. It detects content management systems, ecommerce platforms, web frameworks, server software, analytics tools,etc