top of page

38 Chrome Extensions for Web Developers and Designers

Extensions are small software programs that customize the browsing experience. They enable users to tailor Chrome functionality and behavior to individual needs or preferences. They are built on web technologies such as HTML, JavaScript, and CSS.


An extension must fulfill a single purpose that is narrowly defined and easy to understand. A single extension can include multiple components and a range of functionality, as long as everything contributes towards a common purpose.


Chrome Extensions for Web Developers and Designers


WhatRuns

WhatRuns’ utility helps us identify the web technologies being used on the website such as frameworks, analytics tools, WordPress plugins, fonts, etc. You just need to visit the page you want and click on the WhatRuns icon. Then the information will appear in full in less than 1 minute. You can also sign up to receive notifications when the site you want to monitor adds new technologies to the site.


WhatFont

WhatFont makes it easy to determine which font a web page element is using. You just need to install and move the mouse over the object we want to see to be able to see its font name. It’s simple, right.


Colorzilla

Colorzilla makes it possible to read the color value of any object on the web page. In addition, it also supports some other useful features such as automatically copying colors to the clipboard, displaying a history of our recently selected colors, advanced color picker…


Window Resizer

Window Resizer is an important tool that helps us to build or test the responsiveness of the website on the browser quickly such as the screen of a phone, tablet, laptop, desktop. In addition, you can automatically adjust the display size you want by setting the width and height of the browser window.


Web Developer

Web Developer is one of the few extensions installed by more than 1 million users. It helps web developers in developing and debugging websites quickly. This utility is a collection of various tools such as Disable, Cookies, CSS, Forms, Image. You can easily find corrupted images, not allow the site to run JavaScript, check CSS pass standard or not, hide all images, show information of links on the current web page.


Postman

Postman is an application that helps us to make HTTP requests to the server. It is really useful when you run or test the API for your program and it also allows you to make GET, POST, DELETE, PUT requests easily. In addition, it also has a forum with a large number of programmers to help us solve questions when we are just starting to use Postman.


Lorem Ipsum Generator

Lorem Ipsum Generator helps us quickly create a document by specifying the number of paragraphs and lines we want. When you’re building components in your website, it’s common to use content to test or see how it’s displayed on the web. Therefore, this utility makes it possible to create fake content with just one click.


CSSViewer

CSSViewer helps us to view CSS properties of an object in a web page in the most general way such as color, font, size, position. You just need to select this utility and hover your mouse over the object that they want. If you want, the CSS information will automatically appear.


Page Ruler Redux

Page Ruler Redux helps us to get the size of a unit on the web page in pixels. It is suitable for web designers when you need to get the exact size of a certain element on the web page.


TinEye Reverse Image Search

TinEye Reverse Image Search uses image recognition technology to help you search for images on the web with results that are many different links containing the image that has been resized, edited or has a different resolution. The way to do it is also quite simple, you right-click on the image you want to search and select Search Image on TinEye and wait a bit and we will have the results.


The Great Suspender

As you know when using Google Chrome, the problem of using Ram is always an important factor to improve the speed of the computer. The Great Suspender utility helps us pause unused tabs to make the browser run more smoothly. You can also make tabs pause for a certain period of time when not in use like 20 seconds, 1 minute, 5 minutes, etc. It also provides us with some useful tools like auto-close, tabs playing.


Marmoset

Marmoset helps us to save the code in the program as an image. For example, it will be very convenient when you need to put a code of a function in the program on social networking sites to share. It also provides some additional features such as adjusting colors, languages, themes.


User-Agent Switcher

User-Agent Switcher makes it possible to test our website on many different devices and browsers without having to install any additional programs such as viewing your website when displayed. displayed on Opera, Safari, Firefox, Internet Explorer browsers.


Clear Cache

Clear Cache is responsible for clearing cache and browsing data with just one click. In addition, we can optionally choose the data we want to delete such as application cache, cookies, history, database.


React Developer Tools

React Developer Tools is a React debugging tool added to Chrome’s developer tools. It allows you to test React components easily and quickly during website development.


Check My Links

Check My Links makes it possible to check for broken links in the website with just one click.


Checkbot

Checkbot helps to check the speed, security and SEO of the website with a variety of factors such as sitemap, 404 pages, duplicate content, JavaScript, CSS files, HTTPS, URL redirects.


Site Palette

Site Palette helps you to automatically export multiple color palettes of the website you are using right in the browser quickly and easily.


Web Developer Checklist

Web Developer Checklist helps you to check all the essentials that a website should have.


EditThisCookie

EditThisCookie is a cookie manager whose mission is to help you add, delete, edit, use, search, protect and block cookies on websites.


HTML Validator

Helps you check HTML code then give solutions to fix errors in your website.


JSON Viewer

Its mission you quickly and easily design, customize, and manage JSON.


Lightshot

It helps you to quickly capture the screen of the website.


daily.dev

Help you get important news in website design and development with daily updates.


Image Downloader

Helps you download images on the website quickly.


PerfectPixel

Make elements in your website with pixel perfect.


Hoverify

Improve the user experience such as inspecting HTML, CSS, directly editing elements, moving elements in the DOM.


Evernote Web Clipper

Evernote Web Clipper is a browser extension that allows you to save interesting content you encounter online directly to your Evernote account.


Wappalyzer

Wappalyzer allows us to know which CMS, eCommerce platform, JavaScript libraries, or framework that website is using.


Grammarly for Chrome

Help you check the grammar of the content on the website.


Vue.js devtools

Helps you to test Vue.js code on your website.


Redux DevTools

Helps you debug an application when the state changes.


Save to Google Drive

Allows automatically saving web pages or images to Google Drive.


HTTPS Everywhere

Helps to automatically convert HTTP pages to HTTPS.


Fonts Ninja

Display all fonts on the website, provide complete information about this font.


Similarweb

Provides many features to help you check on the website such as web rank, traffic sources, main countries accessing the website, SEO.


Lighthouse

It is a completely free utility that helps you to test website speed, provide solutions to improve the website, etc.



Advantages of Chrome Extensions:

  • Fast access;

  • Intuitive controls;

  • Cross-platform and adaptation for any browser;

  • You can even integrate those objects that would seem to be unacceptable;

  • Integration of its functionality into those products where there is no access to the kernel;

  • Combining systems and cloud storage into a single workspace.


Disadvantages of Chrome Extensions:

  • Specific browser or service require a constant updating;

  • Each browser needs its own adapted version of the program.



The Tech Platform

bottom of page