Words by Anthony HartnellNovember 2, 2017
Below is a list of 10 essential Google Chrome Extensions and why they are useful for development.
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.
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 msstakes. Grammarly 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 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.
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 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.
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 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.
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 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.
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.