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
コメント