Browser

Handy Chrome extensions for web developers

Ryan Boudreaux recommends some Chrome extensions that are especially useful for web developers.

Google Chrome is fast becoming the go-to browser worldwide, having surpassed Firefox in November 2011, and closing in on IE in May 2012, according to Global Stats StatCounter for global browser market share. It's also no secret that many of the users who have made the switch to Chrome are web developers, and this short list of extensions will allow you to integrate your browser with a number of web developer tools utilizing several unique methods.

Web Developer, by Chris Pederick, adds various web developer tools to the browser, including the ability to modify CSS, forms, information, images, outline, several validation tools, and resize.

Figure A

PageRank Status shows Google Page Rank and Alexa Rank of current web page, quick access to Geo IP Location, Whois, Alexa, back links and indexed pages.

Figure B

Pendule, by Christian Frey, allows many options such as view, reload, disable CSS and embedded styles, show used colors, show passwords, remove max-length attributes, show hidden elements, enable form elements, convert form methods, view image information, hide all images, view JavaScript, view generated source, display ruler, display color picker, topographic view, remove cookies from current site, among others.

Figure C

Color Picker, by Peter Dematté, is a light weight all around extension that can display and let you choose the entire color palette in HSB and RGB color modes. This highly customizable, easy to install, and speed-optimized app comes in four different sizes (from 151 x 87 pixels to 407 x 302 pixels), and therefore, different feature levels so you can use it for varied projects.

Figure D

SEO for Chrome, by marketingabuse.com, is a developer tool extension and it provides easy access to Search Engine Optimization Tools that can help you with competitive analysis; keyword research; and pages indexed in Ask, Bing, Google, Yahoo, Baidu, and Yandex. It also provides traffic stats, caches, back link checks, page rank checks and other daily SEO tasks.

Figure E

Stylish, by userstyles.org, lets you easily manage user styles. Add, delete, enable, disable, and organize with a few clicks of a mouse; there is no code to edit, no obscure configuration to find.

Figure F

Edit This Cookie, by Francesco Capano, is a small, simple, and extremely useful extension that let's you perform anything you might actually need to do with cookies. This extension lets you delete all cookies in a page, delete only the chosen cookie on a page, edit any cookie, add a new cookie, search a cookie, protect a cookie (read-only), and block cookies using the cookie filter.

Figure G

Proxy SwitchySharp, by meow, allows you to manage and switch between multiple proxies quickly & easily, and is based on "Proxy Switchy!" & "SwitchyPlus". It uses Chrome Proxy API instead of changing system proxy settings; supports auto switching, which switches among proxy profiles according to URL rules; allows data import and export; includes online rule lists which are AutoProxy Compatible; uses event handling instead of polling to monitor proxy change; and provides advanced quick switch mode options that allow you to switch among your proxies with one click.

Figure H

There are hundreds of Google Chrome extensions; the eight listed here only scratch the surface. Do you have any extensions that you like and would recommend?

About

Ryan has performed in a broad range of technology support roles for electric-generation utilities, including nuclear power plants, and for the telecommunications industry. He has worked in web development for the restaurant industry and the Federal g...

4 comments
lamakun
lamakun

Hi Ryan, do you know of any plugin to see the contents of the browser's sql views?I can see the database by "inspect element->Resources tab" but only tables are shown. The views exist as I can retrieve their contents by javascript and show them with an alert. Anybody knows about a plugin or some workaround to see these contents? Thankyou!!

unoentremil
unoentremil

Chrome disables this extension asking about new permissions to access to history, cookies, information on all pages... Is it safe to enable the extension again? Thanks

martin.mato
martin.mato

How dare you not mention the almighty firebug?!

Editor's Picks