Top 5 Chrome extensions for a web developer

Posted on

Google Chrome has become the industry leading browser for developers. The vast number of tools and extensions available for the software allow developers to inspect and debug nearly any part of code on a website.

Here are our top 5 chrome extensions any web developer should have installed.

1. Chrome Developer Tools

Technically not an extension, but built-in to Chrome. The developer tools have revolutionised the way we develop websites. Taking a lot of the ideas that were developed in Firebug (a Firefox plugin) but going one step further.

Whether you’re debugging, auditing, inspecting or improving performance, the Chrome Developer Tools will do it all. It also has lots of great tools to help when building a responsive website, something that can be very complex! If you’re a developer and not yet played with them I highly recommend it. It is one of the few tools I use on a daily (if not hourly) basis.

View more information about Chrome Developer Tools

2. Form Filler

Making sure forms work on our websites is imperative. An eCommerce website is full of forms – login, register, checkout, newsletter. Unfortunately filling in these forms each time you need to test them can be a very tedious process. Luckily this plugin helps us by filling in dummy content to all the form fields at a press of a button.

Screen Shot 2015-01-20 at 10.54.47

You can customise the plugin to alter the type of dummy information it enters, for example which email service to use (Hotmail, Gmail, Yahoo etc).

It saves our development team hours of time and saves their sanity!

Install Form Filler for Google Chrome

3. Ghostery

Websites are full of third party scripts and services. These services help the website owner collate more information about people visiting the website.

Ghostery is an extension that allows people to block these services from tracking them. While this isn’t particularly useful for web developers, what is useful is the ability to quickly see a list of scripts and services being used on a website.

It’s really handy when trying to quickly debug a site, to see what could be running slow or just to have a quick nose at what sites are using.

Install Ghostery for Google Chrome

4. Postman – REST Client

Postman helps developers when they’re working with API’s. API’s are used on nearly every website. They allow websites to interact with other services. An example of this could be integrating Facebook login onto a website.

This extension allows developers to create, test and debug API requests quickly and easily. If you work with API’s a lot, this extension is definitely worth a look.

Install Postman – Rest Client for Google Chrome

5. Scrum for Trello

All our work at iWeb goes through Trello. Trello is a popular ticketing system that offers an overview of all the tasks we need to complete.

Screen Shot 2015-01-20 at 10.56.03

Trello doesn’t have the ability to add hours to tickets out of the box. Scrum for Trello helpsby adding this functionality. Adding a number inside the title while allowing this extension to extract the hours and display them in a useful (and pretty) way.

This extension has helped with scheduling and estimating, we wouldn’t hesitate recommending it if you’re a Trello user.

Install Scrum for Trello for Google Chrome

 

These are just some of the extensions many of us at iWeb use on a daily basis. If you have any suggestions, make sure to add them into the comments or tweet us @iwebtweets. We’re always on the lookout for tools to make our lives easier.

Want to discuss a project?

Talk to our Magento experts on 01785 279920

Request a callback