Web前端常用插件有哪些

一、React Developer Tools

React Developer Tools是一款用于帮助开发和调试React应用的插件。它可以让开发者在Chrome和Firefox中直观地查看React组件树结构，对每一个组件的props和state进行检查和修改。

二、Redux DevTools

Redux DevTools是一款用于在浏览器中调试Redux应用的插件。它支持时间旅行，即可以查看应用状态的历史版本，甚至可以“撤销”和“重做”操作。

三、vue.js devtools

Vue.js devtools是一款用于调试Vue.js应用的插件。它可以让开发者在Chrome和Firefox中直观地查看Vue组件树结构，对每一个组件的数据和方法进行检查和修改。

四、angularJS Batarang

AngularJS Batarang是一款用于调试AngularJS应用的Chrome插件。它提供了一套强大的工具，包括查看模型、性能分析、依赖图等。

五、Lighthouse

Lighthouse是一款由Google开发的开源自动化工具，用于改进网页质量。它可以对网页进行性能、可访问性、渐进式WEB应用、SEO等方面的评估。

六、Web Developer

Web Developer是一款为web开发者提供的浏览器插件，包含了许多实用的Web开发工具。比如，它可以显示和编辑cookie，验证html、CSS和RSS，显示网页的CSS样式等。

七、Page Ruler

Page Ruler是一款Chrome插件，可以让开发者在网页上绘制一个矩形标尺，用来测量元素的尺寸和位置。

延伸阅读

什么是Web前端开发

Web前端开发是构建网站或Web应用前端（即用户界面）的过程。前端开发者使用HTML、CSS和javascript等技术来实现网页的布局、样式和交互功能。在现代Web开发中，还会使用各种框架和库（如React、Vue、Angular等）来帮助开发和提高开发效率。