Top 25 Chrome Extensions For Web Developers
- Adblock @getadblock
Adblock is used to block pop ups, ads, and annoying banners (even remove video ads!) on YouTube, Facebook, Twitch, and all your favorite sites
Ghostery is an privacy protection extension . This extension blocks Ads, stops trackers, and speeds up Websites
- Edit This Cookie @editthiscookie
🌎 http://www.editthiscookie.com/
EditThisCookie is a cookie manager. You can add, delete, edit, search, protect and block cookies.
- Speedtest by ookla. @Speedtest
Take a Speedtest directly from your Google Chrome toolbar to quickly test your internet performance without interruption. Measure how fast the pages you visit load with Web Speed.
- React Developer Tools
🌎 https://github.com/facebook/react
React Developer Tools is a Chrome DevTools extension for the open-source React JavaScript library. It allows you to inspect the React component hierarchies in the Chrome Developer Tools.
This extension helps find out the technology stack of any website. Create lists of websites that use certain technologies, with company and contact details.
- Keywords Everywhere
🌎 https://keywordseverywhere.com/
Keywords Everywhere is a freemium chrome extension that helps you with Keyword Research
- Web developer
🌎 https://chrispederick.com/work/web-developer/
The Web Developer extension adds a toolbar button to the browser with various web developer tools.
- Notion web clipper @NotionHQ
Notion Web Clipper allows to save any page on the web to your Notion workspace
- Clear cache
🌎 https://chrome.google.com/webstore/detail/clear-cache/cppjkneekbjaeellbfkmgnhonkkjfpdn?hl=en
Clear your cache with this extension without any confirmation dialogs, pop-ups or other annoyances.
- Lighthouse
🌎 https://developers.google.com/web/tools/lighthouse/
Lighthouse is an open-source, automated tool for improving the performance, quality, and correctness of your web apps.
- Window Resize
🌎 https://coolx10.com/window-resizer/
With this extension an user can re-size their browser's window to emulate various resolutions. It helps to test layouts on different browser resolutions
- Daily Dev
daily.dev is the fastest growing online community for developers to stay updated on the best developer news.
- FakeFiller
Fake Filler is THE form filler to fill all input fields on a page with randomly generated fake data
- Css viewer
🌎 https://github.com/miled/cssviewer
Css viewer is a simple CSS property viewer. It gives the CSS information to web developers and brings up the CSS of any element on any web page
- Browser Stack @browserstack
🌎 https://chrome.google.com/webstore/detail/browserstack/nkihdmlheodkdfojglpcjjmioefjahjb
Launch a new test session in any browser using the BrowserStack Quick Launch Extension. Set up to 12 browsers for quick access and minimize the time spent in switching browsers
- Dimensions
🌎 https://felixniklas.com/dimensions/
This tool measures between the following elements: images, input-fields, buttons, videos, gifs, text, icons. You can measure everything you see in the browser.
- Checkbot
Checkbot finds critical SEO, speed & security problems before your website visitors do. It tests 100s of pages at once for broken links, duplicate titles, invalid HTML, insecure pages and 50+ other checks
- HTML Validator
🌎 https://www.gueury.com/mozilla/
HTML Validator for Chrome is a browser extension that adds HTML validation inside Developer Tools of Chrome. The number of errors of a HTML page is seen with an icon in the browser status bar.
- One click Extension Manager
🌎 https://github.com/hankxdev/one-click-extensions-manager
This extension helps to View, enable, disable, remove your extensions with ease.
- JSON viewer
🌎 https://chrome.google.com/webstore/detail/json-viewer/gbmdgpbipfallnflgajpaliibnhdgobh
It is a Chrome extension for printing JSON and JSONP.
- Run Javascript
🌎 https://ao.ms/run-javascript-chrome-extension-help/?from=store
Run Javascript is a Chrome Extension that allows you to run custom Javascript each time you visit a website
- Corporate Ipsum
🌎 https://chrome.google.com/webstore/detail/corporate-ipsum/lfmadckmfehehmdnmhaebniooenedcbb
A lorem ipsum generator with a corporate bent.Generates filler content by the word or paragraph.It proactively develop tactical services and interoperable networks.
- Usersnap
Usersnap makes easier for digital product teams to do user acceptance tests (UAT) and communicate design and development feedback
- Githunt
🌎 http://kamranahmed.info/githunt/
This extension replaces the new tab of your browser with the trending github repositories
Do let me know if I have missed any extension on the list. Also please show your support by following me on Twitter. 😇
Great list Nidhi i recommend adding blurweb.app i recently interviewed Cloud Developer Andrea on how she uses blurweb app How Cloud Developer Uses Blurweb App