10 Chrome Extensions for Web Developers

Keywords: chrome extensions web developer, web development, chrome extensions, chrome web store, chromium extensions

Chrome iconChromium

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

Web Developer Extension for Chrome: Screenshot

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

Firebug Lite Chrome Extension: Screenshot

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).

Download Window Resizer

Window Resizer extension screenshot

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.

Page ruler chrome extension

Download Page Ruler

5. Color Picker

Pick a color from the page using the eyedropper and get a number of the color in HEX and RGB.

Download Color Picker

Color Picker Chrome Extension Screenshot

6. Color Picker – Eye Dropper

Another chrome / chromium extension to pick colours from web pages.

Download Eye Dropper Extension

Eye Dropper Chrome Extension: Screenshot

7. Code Snapshot – Marmoset

Marmoset is a Chrome broswe extension which lets you create very nice code snapshots.

Download Marmoser Code Snapshot app

Marmoset code snapshot Chrome extension

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.

Download the IE Tab Extension

IE Tab Chrome Extension: Screenshot

9. Lorem Ipsum Generator

Simple Chrome extension that generates random Lorem Ipsum text (random dummy text).

Lorem Ipsum Generator: Screenshot

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.

Lorem Ipsum Generator: Screenshot

Download Check My 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

Wappalyzer extension for Chrome

Download Wappalyzer