Here's a list of 10 web development Chrome extensions that were widely appreciated:

1. 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.

2. ColorZilla:

   • ColorZilla allows you to pick colors from any webpage. It includes an advanced Eyedropper, Color Picker, Gradient Generator, and other color-related tools.

3. Grammarly:

   • While not specifically a web development tool, Grammarly can help you improve your writing and catch typos in your code comments or documentation.

4. Vue.js devtools:

   • If you're working with Vue.js, this extension provides a set of debugging tools for Vue.js applications.

5. React Developer Tools:

   • Similar to Vue.js devtools but for React, this extension helps you inspect the React component hierarchy and track component state.

6. LiveReload:

   • LiveReload automatically refreshes your webpage whenever you save changes to your code, making the development process more efficient.

7. Wappalyzer:

   • This extension detects the technologies used on websites, providing insights into the stack they are built with.

8. Octotree:

   • Octotree provides a tree-style code navigation sidebar for developers who frequently use GitHub, making it easier to explore repositories.

9. JSON Formatter:

   • This extension formats and highlights JSON documents for easier readability, which can be handy when dealing with API responses.

10. 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.