Top 10 chrome extensions for Frontend Developers

Sarath Adhithya
2 min readDec 16, 2022

--

  1. Web Developer: This extension adds a toolbar with various web development tools to your browser, including options for editing the page’s HTML, CSS, JavaScript, debugging, and more.
  2. JSON Viewer: This extension allows you to view JSON data in a more readable and user-friendly format within your browser.
  3. Page Ruler: This extension adds a ruler to your browser that you can use to measure the dimensions of elements on a web page.
  4. Wappalyzer: This extension analyzes a web page and displays the technologies it is built with, such as the CMS, JavaScript libraries, and more.
  5. CSS Peeper: This extension allows you to inspect the CSS of a web page and view details such as font sizes, colors, and more.
  6. Lighthouse: This extension analyzes a web page’s performance, accessibility, and best practices, and provides recommendations for improvement.
  7. Postman: This extension allows you to make HTTP requests and view the responses from APIs and web services.
  8. Web Accessibility Evaluation Tool: This extension evaluates a web page for accessibility issues and provides recommendations for improvement.
  9. OctoLinker: This extension enhances GitHub pages by turning language-specific module names into links, making it easier to navigate code repositories.
  10. Redux DevTools: This extension is a debugger for the Redux state management library, allowing you to inspect the state of your application and the actions being dispatched.

--

--

Sarath Adhithya

Full Stack Developer | Blockchain Enthusiast | Frontend ❤️ | MERN | NEXTJS | REACTJS