In this post I’m going to show you 12 useful Chrome extensions for Web developers. and if you stick to the end of post I’m going to provide you another two as a bonus. What is great about those Chrome extensions is that you can use them with every Chromium based browser, for example:
- Chrome
- Edge
- Vivaldi
- Brave
So, let’s dive in.
Keyword Surfer
Keyword Surfer is for those who are dealing with the SEO related taskes every day. It allows you to see Google keyword search volumes directly in you search results. You can even see the counrty or region bases search volumes.
CSS Peeper
This Chrom extension allows you to quicly see what CSS and styles are used on every site. Also, CSS Peeper allows you to download all the images used on the site.
Colorzilla
Colorzilla is an extensio which allows you to get the colors codes from every site. With the handy but advanced color picker you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program.
Image Downloader
Image Downlaoder helps you to bulk download images from every web page. Really helpful tool
Copy as Plain Text
If you have at least once copied texts from one site to another then you know that sometimes copying comes with all sorts of HTML code (div, span etc.) and this messes everything on your site. Therefore, Copy as Plain Text is there to help you. Just make a right click on the selected text and select “Copy as Plain text”
Performance-Analyser
This is directly a Chrome extension for developers. It allows you to get into the performance of the website in the current tab – sort of a mini live version of WebPageTest. With the help of a Performance-Analyser you can instantly see requests by type, domain, load times, marks and more.
Page load time
Another useful Chrome extension for develeopers. Page load time extension displays page load time in the browser toolbar and therefore is a handy tool.
Perfmap
Perfmap shows a heatmap of resources loaded in the browser using the Resource Timing API. The heatmap colours and the first ms value indicate at what point in the page load did the image finished loading. It’s a good indicator of user experience.
Clear Cache
Oh, the cache issues… You save something and refresh the page but nothing happens. This is why the Clear Cache extension is a nifty tool for you. It helps you to clear browser cache with the single click.
Tag Assistant
Google Tag Assistant is a free Chrome extension that helps you make sure your Google tags such as Google Analytics, Google Tag Manager, Adwords Conversion Tracking, and more are working correctly. Using Tag Assistant, you can make changes to your tags and instantly verify that they are firing as intended.
Lorem Ipsum Generator
Another simple yet handy Chrome extension for web developers. Lorem Ipsum Generator helps you to quickly generate dummy text for your sites.
Nimbus Screenshot & Screen Video Recorder
This is the Chrome extension I probably use the most. Basically every day I need to send a screenshot with annotations to my customers. This is why Nimbus Screenshot & Screen Video Recorder is a my go to tool. Just make a screenshot, edit and annotate it, upload to the Nimbus servers and sent the link to your customer.
Bonus #1: uBlock Origin
uBlock Origin stops ads and other intrusive content from loading and therefore your browser loads sites much faster. Additionally, you can point-and-click to block JavaScript locally or globally, create your own global or local rules to override entries from filter lists, and many more advanced features.
Bonus #2: Honey
Honey is awesome Chrome extension for those who are shopping online (but who doesn’t, right?). Honey audomatically finds and applies discount coupon codes on 30K+ sites.
So, there it is. 12 useful Chrome extension for web developers. Hopefully you also find some of them useful.
