30 useful Chrome extensions for web developers, You will Love to

Hey, According to My Experiences and reviews I found 30 useful Chrome extensions, which, according to the editors, could be useful in the work of a web developer and Pen-testing.

Explore these useful Chrome extensions to make your online experience more productive.

useful Chrome extensions

30 useful Chrome extensions for web developers

1. iMacros for Chrome

iMacros is an useful Chrome extensions that helps in testing web pages. Instead of independently doing the same actions on the page, the developer only needs to write down the required sequence of actions in iMacros and launch the extension when necessary.

iMacros for Chrome

This type of useful Chrome extensions is able to work with sites implemented using Java, Flash, Flex, Ajax and Silverlight technologies.

2. Font Playground

An extension for those who like to “play with fonts” – allows you to experiment with the whole range of fonts from the Google Fonts library without making changes to the page code. 

You can change not only the font itself, but also its size, writing style and so on.

font playground

It will be useful, according to the author of the material, in order to check what the font looks like before making actual changes to the page code.

3. Project Naptha

Some useful Chrome extensions, which allows you to select and copy text even from pictures, will be useful, according to Creative Bloq, to ​​everyone who had to deal with embedded text at least once in their work.

project naptha

4. What Font

An extension that allows you to instantly determine which font is used on a particular page, without performing almost any additional actions – by hovering over the inscription.

what font

5. YSlow

One of useful Chrome extensions is YSLOW, YSlow is a tool that not only checks the download speed of a particular web page, but also tells the developer that it slows down. To do this, the extension checks the site for compliance with 23 of 34 performance rules formulated by the Yahoo team.


6. Web Developer

A whole set of useful tools for managing site elements – for example, for analyzing web resources and layouts, testing code and instantly changing page parameters and appearance.

web developer

7. Web Developer checklist

Extension to automatically check whether the site meets the basic principles of SEO, whether it is sufficiently productive and user-friendly. 

The verification results are presented in the form of a kind of checklist – you can see more detailed information and recommendations for each of the outstanding items, as well as instantly fix errors.

web developer checklist

8. DevTools Autosave

Allows you to automatically save any changes made to the page code using Chrome DevTools tools. As the author of the material notes, the tool helps developers save a lot of time.

devtools autosave

9. Instant Wireframe

An extension with which you can “turn” any page into a structural diagram of the layout of the material – wireframe. Allows developers and web designers without leaving the browser to familiarize themselves with the layout of any page on the network.

instant wireframe

10. Ripple Emulator

Ripple Emulator is one of useful Chrome extensions,It is an emulator extension for Google Chrome that allows you to test websites on various mobile platforms with different screen resolutions. 

It can be used in combination with other extensions for testing and debugging resources.

ripple emulator

11. Streak

Streak is an extension that allows you to turn your Gmail inbox into a CRM system. You can track the status of transactions and negotiations that are conducted in e-mail with contractors, use Streak to process user requests for the product and track corrections of errors sent, and so on.


12. Search Stackoverflow

An extension to quickly search a popular Stack Overflow developer resource.

search stackoverflow

13. PHP Ninja Manual

Allows instant access to PHP 5.5 documentation from a browser.

php ninja manual

14. PerfectPixel

PerfectPixel is another one of useful Chrome extensions. It allows you to “superimpose” a translucent grid on a web page and verify the specified distances on it.

perfect pixels

You can overlay other images – for example, the initial layout – to make sure that the resulting page exactly matches it

15. Code Cola

A tool for viewing the source code of pages and editing CSS code.

code cola

You can change the shadow, the circumference of the box and so on by dragging the slider. After making changes, you can copy the resulting code and replace it in the site code.

16. Chrome Sniffer

A browser extension that determines which JavaScript libraries, framework, or CMS are used on a resource.

chrome sniffer

17. User-Agent Switcher

User-Agent Switcher is an extension that allows you to “mask” the Google Chrome browser under Internet Explorer, Opera or any other browser.

user agent swither

18. IE Tab

Built-in Internet Explorer emulator for Chrome.

ie tab

19. PicMonkey

Simple and free online image editor. Allows you to “capture” the image or take screenshots of the browser – and immediately edit them using the extension for Chrome.

pic monkey

20. Chrome Daltonize

Another In useful Chrome extensions that helps adapt web services for users who are color blind – showing the developer how the site is seen by those who suffer from this disease. 

Allows web designers and developers to create more affordable services.

chrome daltonize

21. Page Ruler

A simple tool that helps you determine the height, width and position of any element on the page

page ruler

22. Check My Links

An extension that checks a web page for broken or incorrect links.

check my links

23. Flickr Tab

Another in useful Chrome extensions that helps not so much in development as in finding inspiration and good photos

Shows on each new tab in Google Chrome one image from the Flickr service. When you click on it, the user goes to the author’s page, where he can familiarize himself with his other works.

flicker tab

24. Google Art Project

A browser extension similar to the previous plugin in this list – only instead of photos from Flickr in a new tab the user sees recognized works of art – for example, paintings by Van Gogh or Manet.

google art project

25. Data Saver

Google’s official extension for traffic compression, which includes saving traffic in the Google Chrome browser.

data saver

26.Selenium IDE

The new Selenium IDE is designed to record your interactions with websites to help you generate and maintain site automation, tests, and remove the need to manually step through repetitive takes.

selenium ide

27.Session Buddy

Manage Browser Tabs and Bookmarks with Ease Session Buddy is a unified session manager and bookmark manager.

Save open tabs and restore them later. Great for freeing up memory and avoiding clutter.Recover open tabs after a crash or when your OS restarts your computer.

session buddy

28. HTML Validator

HTML Validator is another in useful Chrome extensions that helps you validate HTML elements. It works by inspecting a web page’s markup and highlights the errors and violations found.

html validator

29. EditThisCookie

EditThisCookie is a Chrome extension that helps in editing and validating cookies on a website. Additionally, the extension can help you protect, block and bulk-edit cookies in one go.

edit this cookie

30. Wappalyzer

Wappalyzer helps you identify which technologies are used on any website or application. All you have to do is navigate to a specific page and Wappalyzer will work behind the scenes to uncover all the tools that were used to create it including e-commerce platforms, content management systems, server frameworks or software, analytics tools and more.


What are your favorite Chrome extensions?

Hey, I mentioned my best as per my experience with useful Chrome extensions So Did I miss anything? Let me know in the comments below if I missed anything.

Leave a Reply

Your email address will not be published. Required fields are marked *