10 Extensions for Web Developers Using Chrome

Google Chrome is quickly become an ideal browser for web developers with more and more extensions being developed, making Chrome a powerhouse of tools. Here are some excellent extensions web developers might find useful for making work easier and increasing productivity.

Not a web developer? Check out our favorite Top 10 Google Chrome Extensions.

Firebug Lite

Firebug Lite

1. Firebug Lite

Firebug Lite allows you to inspect the HTML, CSS and Javascript code live in any page. You’re also able to edit the code and test the new changes immediately. It’s a stripped down version of the developer favorite Firefox Extension, Firebug.

Also check out Web Developer, another great extension like Firebug Lite.

MeasureIt!

MeasureIt!

2. MeasureIt!

MeasureIt! gives you the dimensions (pixel width and height) of any element present in a website you’re looking at.

Pendule

Pendule

3. Pendule

Pendule is the swiss army knife of web developer extensions. Pendule pops out to reveal different tasks you can do, such as reloading or disabling CSS, viewing JavaScript, or hiding images. There’s also a color picker, display ruler, viewing source, and several script validators.

Speed Tracer (by Google)

Speed Tracer (by Google)

4. Speed Tracer (by Google)

Speed Tracer is a tool to help you identify and fix performance problems in your web applications. It visualizes metrics that are taken from low level instrumentation points inside of the browser and analyzes them as your application runs.

IE Tab

IE Tab

5. IE Tab

With IE Tab you can open any website in a tab that’s actually running Internet Explorer instead of Chrome, allowing you to see how the web page looks in IE.

Lorem Ipsum Generator

Lorem Ipsum Generator

6. Lorem Ipsum Generator

The Lorem Ipsum Generator extension will generate filler text for your websites so you can make sure your formatting works well without wasting time typing several paragraphs of text.

jQuery Shell

jQuery Shell

7. jQuery Shell

jQuery Shell allows you to run JavaScript and jQuery commands in the context of the current web page.

WebEdit

WebEdit

8. WebEdit

WebEdit lets you make any web page editable, allowing you to play around with elements without making any significant changes to the code, this extension can come in very handy.

Live Editor

Live Editor

9. Live Editor

LiveEditor allows for you to test code snippets without refreshing the page.

JavaScript Tester

JavaScript Tester

10. JavaScript Tester

JavaScript Tester adds a small&usefull shortcut to your browser “Alt+J,” allowing you to run and test pefromance of JavaScript code.


  • vitorhsb

    Is Chrome really using Web Developers? Could you advance a little bit more on that?
    Or, perhaps, the title should be rewriten to “Web Developers using Chrome”. ;)

    • http://Web.AppStorm.net Jarel Remick

      Ah, I see how that could be confusing. Sorry about that and thanks for pointing it out! :)

  • Spreng

    I used to use Firefox only, but then I got Chrome, which is a lot faster at loading pages, start up time, etc. I was using Firebug, but I now use the Web Inspector that comes with Chrome, it has a nice interface and works just about the same as Firebug. I also use Pendule all the time, it is a nice addon with practically everything I need, even a measuring tool, bye bye MeasureIt! :)

  • Rodrigo

    In WebEdit: “WebEdit lets you make an web page editable”

    shouldn’t it be
    any web page?
    or
    a web page

    Thanks for the article so helpful as always!

    • http://Web.AppStorm.net Jarel Remick

      Nice catch, thank you! :)

  • Pingback: Designers' HQ » 10 Extensions for Web Developers Using Chrome

  • Pingback: What’s Coming Up On SUBERAPPS?

  • Sam

    WebRank SEO provides Google Pagerank, Alexa, Compete and Quantcast Rank, pages indexed and backlinks in Google, Bing and Yahoo. It also provides whois information and traffic graphs for the domain.
    https://chrome.google.com/webstore/detail/mkhilblbmkdnapffblmecglknalglfji

theatre-aglow
theatre-aglow
theatre-aglow
theatre-aglow