Suggest a StoryDo you have a news tip? We would like to hear from you.

6 Google Chrome extensions every web developer must use

Spread the love

Hello guys,

When google released version 4 with extensions compatibility Google chrome extensions comes really handy.

I like how google chrome separate tabs and extensions with each process for task manager, to get access to it press ” Shift + Escape “.

so, here are 6 google chrome extensions for web developer, Development, SEO, quick customization, CSS, HTML, validations, page ranking, …

1. iPageRank | SEO Tool

Unlike all the other PageRank checkers, this one will tell you, how much PR will be transfered to your site with a dofollow link on that page.
It is handy to see if a site would be worth your time of commenting or requesting a backlink.
As well as that, it tells you, how many links, follow links, follow external links and follow internal links there are on that page.
It also uses a random Google server to fetch the PageRank value to stop you being throttled by Google

More information and installation

2. CSSViewer

CSSViewer shows the css parameters of any element in a web page, to enable/disable it simply click the toolbar icon.

More information and installation

3.  Chrome SEO

The Google Chrome SEO Extension provides easy access to Search Engine Optimization Tools that can help you with Competitive Analysis, Keyword Research, Backlink Checks, PageRank Checks and other daily SEO tasks.

More information and installation

4. Web Developer

The Web Developer extension adds a toolbar button to the browser with
various web developer tools. This is the official port of the popular Web Developer extension for Firefox written by the same person.

More information and installation

5. Resolution Test

Resolution Test changes the size of the browser window for developers to preview their websites in different screen resolutions. It includes a list of commonly used resolutions as well as a custom option for you to input your own. It also gives users the option to turn on Google Browser Size, more info on that here -

More information and installation

6. W3C (x)HTML Validator


Display one of 3 icons (valid, invalid, processing) in navigation bar related to validity of (x)HTML document currently shown.

NEW IN VERSION 0.2 (Let's call it Beta, after the comment from Jörn)

- If valid by clicking the icon, you get the doctype as found by the w3c.

- If invalid, number of errors/warnings is displayed directly on invalid icon.

- By clicking the icon of an invalid page, you get a summary of errors and warnings and can navigate through them, infos are : Line and column where error was found and the message explaining the issue.

- You can also click on the link at the bottom of the popup to get every details about issues encountered in the page.

More information and installation

That's it for now 🙂

Spread the love

Leave a Reply