Here's a list of 10 web development Chrome extensions that were widely appreciated:
-
Web Developer:
- This extension adds a toolbar with various web development tools, allowing you to disable JavaScript and CSS, view responsive layouts, and much more.
-
ColorZilla:
- ColorZilla allows you to pick colors from any webpage. It includes an advanced Eyedropper, Color Picker, Gradient Generator, and other color-related tools.
-
Grammarly:
- While not specifically a web development tool, Grammarly can help you improve your writing and catch typos in your code comments or documentation.
-
Vue.js devtools:
- If you're working with Vue.js, this extension provides a set of debugging tools for Vue.js applications.
-
React Developer Tools:
- Similar to Vue.js devtools but for React, this extension helps you inspect the React component hierarchy and track component state.
-
LiveReload:
- LiveReload automatically refreshes your webpage whenever you save changes to your code, making the development process more efficient.
-
Wappalyzer:
- This extension detects the technologies used on websites, providing insights into the stack they are built with.
-
Octotree:
- Octotree provides a tree-style code navigation sidebar for developers who frequently use GitHub, making it easier to explore repositories.
-
JSON Formatter:
- This extension formats and highlights JSON documents for easier readability, which can be handy when dealing with API responses.
-
Postman Interceptor:
- If you use Postman for API testing, the Interceptor extension allows you to capture requests made by your browser and import them into Postman.
Top comments (8)
Hackertab.dev is also a great one.
Thanks for informing! I will definitely give it a try.
Thanks for this! I already use ColorZilla, but I might try out the others.
My pleasure :)
Replace JSON Formatter with jq. Just a suggestion 😜
I am going to give it a try :)
Where is foxy proxy, literally? :3
I think I will have to give it a try. :)