21 Chrome Extension
 for web developer and designer
Tags: html, developer, codenewbie, webdev
Published: 2021-08-19 21:19:10

#What run
WhatRuns utility helps us identify the web technologies being used on the website such as frameworks, analytics tools, Wordpress plugins, Fonts... 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.
![What run](https://res.cloudinary.com/dn4nxz7f0/image/upload/v1591182544/tien-ich-google-chorme-cho-lap-trinh-vien/tien-ich-whatruns_alkpob.png)
[What run](https://www.whatruns.com/)

#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.
![WhatFont](https://res.cloudinary.com/dn4nxz7f0/image/upload/v1591183491/tien-ich-google-chorme-cho-lap-trinh-vien/tien-ich-what-font_s6xe33.png)
[WhatFont](https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm)

#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...
![Colorzilla](https://res.cloudinary.com/dn4nxz7f0/image/upload/v1591184169/tien-ich-google-chorme-cho-lap-trinh-vien/tien-ich-Colorzilla_tzbgk1.png)
[Colorzilla](https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp/related)

#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 also You can automatically adjust the display size you want by setting the width and height of the browser window.
![Window Resizer](https://res.cloudinary.com/dn4nxz7f0/image/upload/v1591191053/tien-ich-google-chorme-cho-lap-trinh-vien/tien-ich-Window-Resizer_okxx3o.png)
[Window Resizer](https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh/related?hl=en)

#Web Developer 
Web Developer is one of the few installed by more than 1 million users. It helps web developers in daeveloping 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, do not allow the site to run javascript, check CSS pass standard or not, hide all images, show information of links in current web page...
![Web Developer](https://res.cloudinary.com/dn4nxz7f0/image/upload/v1591192585/tien-ich-google-chorme-cho-lap-trinh-vien/tien-ich-Web-Developer_zxy3vw.png)
[Web Developer](https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm)

#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.
![Postman](https://res.cloudinary.com/dn4nxz7f0/image/upload/v1591195321/tien-ich-google-chorme-cho-lap-trinh-vien/tien-ich-postman_fahfvy.png)
[Postman](https://chrome.google.com/webstore/detail/postman/fhbjgbiflinjbdggehcddcbncdddomop/related?hl=en%20)

#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.
![Lorem Ipsum Generator](https://res.cloudinary.com/dn4nxz7f0/image/upload/v1591235502/tien-ich-google-chorme-cho-lap-trinh-vien/tien-ich-Lorem-Ipsum-Generator_sldndk.png)
[Lorem Ipsum Generator](https://chrome.google.com/webstore/detail/lorem-ipsum-generator-def/mcdcbjjoakogbcopinefncmkcamnfkdb?hl=en%20)

#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.
![CSSViewer](https://res.cloudinary.com/dn4nxz7f0/image/upload/v1591236994/tien-ich-google-chorme-cho-lap-trinh-vien/tien-ich-CSSViewer_ppny0y.png)
[CSSViewer](https://chrome.google.com/webstore/detail/cssviewer/ggfgijbpiheegefliciemofobhmofgce)

#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.
![Page Ruler Redux](https://res.cloudinary.com/dn4nxz7f0/image/upload/v1591237879/tien-ich-google-chorme-cho-lap-trinh-vien/tien-ich-Page-Ruler-Redux_g4zpih.png)
[Page Ruler Redux](https://chrome.google.com/webstore/detail/page-ruler-redux/giejhjebcalaheckengmchjekofhhmal)

#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. 
![TinEye Reverse Image Search](https://res.cloudinary.com/dn4nxz7f0/image/upload/v1591238917/tien-ich-google-chorme-cho-lap-trinh-vien/tien-ich-TinEye-Reverse-Image-Search_uar59b.png)
[TinEye Reverse Image Search](https://chrome.google.com/webstore/detail/tineye-reverse-image-sear/haebnnbpedcbhciplfhjjkbafijpncjl)

#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 20s, 1 minute, 5 minutes... it also provides us with some useful tools like auto-close, tabs playing...
![The Great Suspender](https://res.cloudinary.com/dn4nxz7f0/image/upload/v1591239805/tien-ich-google-chorme-cho-lap-trinh-vien/tien-ich-Great-Suspender_erpuc5.png)
[The Great Suspender](https://chrome.google.com/webstore/detail/the-great-suspender/jaekigmcljkkalnicnjoafgfjoefkpeg?hl=en)

#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... 
![Marmoset](https://res.cloudinary.com/dn4nxz7f0/image/upload/v1591240818/tien-ich-google-chorme-cho-lap-trinh-vien/tien-ich-Marmoset_yvkexb.png)
[Marmoset](https://chrome.google.com/webstore/detail/marmoset/npkfpddkpefnmkflhhligbkofhnafieb/related)

#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...
![User-Agent Switcher](https://res.cloudinary.com/dn4nxz7f0/image/upload/v1591242986/tien-ich-google-chorme-cho-lap-trinh-vien/tien-ich-User-Agent_Switcher_tnwy5w.png)
[User-Agent Switcher](https://chrome.google.com/webstore/detail/user-agent-switcher-for-c/djflhoibgkdhkhhcedjiklpkjnoahfmg/related)

#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 ...
![Clear Cache ](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/chrome_extension/Clear%20Cache.png)
[Clear Cache ](https://chrome.google.com/webstore/detail/clear-cache/cppjkneekbjaeellbfkmgnhonkkjfpdn/related)

#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.
![React Developer Tools](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/chrome_extension/React%20Developer%20Tools.png)
[React Developer Tools](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi/related)

#Check My Links
Check My Links makes it possible to check for broken links in the website with just one click.
![Check My Links](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/chrome_extension/Check%20My%20Links.png)
[Check My Links](https://chrome.google.com/webstore/detail/check-my-links/ojkcdipcgfaekbeaelaapakgnjflfglf/related)

#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...
![Checkbot](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/chrome_extension/Checkbot.png)
[Checkbot](https://chrome.google.com/webstore/detail/checkbot-seo-web-speed-se/dagohlmlhagincbfilmkadjgmdnkjinl/related)

#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.
![Site Palette](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/chrome_extension/Site%20Palette.png)
[Site Palette](https://chrome.google.com/webstore/detail/site-palette/pekhihjiehdafocefoimckjpbkegknoh/related)

#Web Developer Checklist
Web Developer Checklist helps you to check all the essentials that a website should have.
![Web Developer Checklist](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/chrome_extension/Web%20Developer%20Checklist.png)
[Web Developer Checklist](https://chrome.google.com/webstore/detail/web-developer-checklist/iahamcpedabephpcgkeikbclmaljebjp/related?hl=en)

#EditThisCookie
EditThisCookie is a cookie manager whose mission is to help you add, delete, edit, use, search, protect and block cookies on websites.
![EditThisCookie](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/chrome_extension/EditThisCookie.png)
[EditThisCookie](https://chrome.google.com/webstore/detail/editthiscookie/fngmhnnpilhplaeedifhccceomclgfbg/related)

#Momentum
Momentum will Replace new tab page with a personal dashboard featuring to-do, weather, and inspiration.
![Momentum](https://res.cloudinary.com/dn4nxz7f0/image/upload/v1591243632/tien-ich-google-chorme-cho-lap-trinh-vien/tien-ich-Momentum_cevnrk.png)
[Momentum](https://chrome.google.com/webstore/detail/momentum/laookkfknpbbblfpciffpaejjkokdgca/related?hl=en%20)