Atomic Smash homepage splash

10 Essential Developer Extensions for Google Chrome

Words byAnthony HartnellNovember 2, 2017

Below is a list of 10 essential Google Chrome Extensions and why they are useful for development.

Wappalyzer Logo

Wappalyzer is one of the best Chrome extensions that uncovers technologies used on websites. It detects content management systems, e-commerce platforms, web frameworks, server software, analytics tools and much more.


Grammarly Logo

Developers usually have to write a lot of emails, either within a team or often to clients so it’s important to avoid unnecessary speeling msstakesGrammarly will make sure your messages, documents, and social media posts are clear, mistake-free, and impactful. It works on most form elements except for input text fields.

CSS Peeper Logo

CSS Peeper is a handy little tool allows you to see, at a glance the colours, fonts and assets in use on a webpage and are organised by category. This is particularly useful for finding the name of a font that you like or detecting the hex codes for a colour scheme in use.

Logo for Nimbus Screenshot Google Extension

Edit – Full page screenshot is now deprecated. You might like to try Nimbus Screenshot

Full Page Screenshot will take a screenshot of the entire page from top to bottom even if it is not visible in the browser. This could be used when creating a visual map of the site templates in use on a website.

Json Formatter Logo

JSON Formatter is an essential tool when quickly testing API endpoints that use JSON or in cases where you’re testing the output of the json_encode() function in PHP. Colours make it easy to detect strings, booleans and other data as well as handling the indentation of the object data.

Var Masterpiece Logo

Similarly, with JSON Formattter, Var Masterpiece beautifies the output of a var_dump() in PHP providing colours and indentation formatting. A print_r won’t display an empty string on the page which is why sometimes it’s important to use a var_dump to see the exact output.

Google Analytics Opt Out Logo

Google Analytics Opt-out browser extension has been developed by Google to allow a visitor to prevent their data being used by Google Analytics. This will prevent skewing analytics data on a clients website as you will likely be logging in regularly to administer the site.

Page Ruler Logo

Edit – this is now called Page Rule Redux

If you’ve ever wanted to quickly measure something on a webpage Page Ruler Redux is a great little tool for highlighting and measuring parts of a website giving an output in pixels. It even has a toggle to enable element mode which shows the exact size of an element when hovering over sections of a webpage.

Colorzilla Logo

Colorzilla gives you a number of colour picking options like getting the colour of a hover state or using the webpage colour analyzer to create a colour chart.

Google Tag Assistant Logo

Tag Assistant helps you verify that you have installed various Google tags correctly on your page and helps to troubleshoot installation of various Google tags including Google Analytics, Google Tag Manager and more.

Profile picture ofAnthony Hartnell

Anthony HartnellDeveloper

Anthony works in the development team and enjoys creating plugins and integrating maps, libraries and other APIs into Wordpress.

Go back to top

Keep up to date with Atomic news