前端开发常用的Chrome插件推荐

Posted 2021-12-20 程序员的小傲娇

谷歌浏览器简单清爽的界面、因其丰富的插件，成为前端开发者喜欢的浏览器。而易用的插件可以帮助开发者减少开发过程中的大量工作量，带来更加强大的效果。今天给大家推荐几个在程序员中口碑不错非常实用的Chrome插件。

1、Lighthouse前端性能优化测试工具

Lighthouse插件是一款开源的自动化检测工具，由谷歌官方团队提供，正儿八经的行业标杆。可以对需要测试的页面运行一系列评估，然后反馈给开发者详细的优化指导建议。

主要包括网站页面性能、PWA、可访问性（无障碍）、SEO等内容。开发者能够根据这些标准进行网站优化和完善，提高用户体验，再也不用盲目地一通乱改了。

2、Vue.js devtools调试插件

Vue.js devtools是一款在Chrome商店和火狐商店里拥有上百万用户的人气插件，有“Vue调试神器”的称号。

由于Vue是数据驱动的，所以开发者在开发调试中查看DOM结构不能够解析出什么。但是借助Vue.js devtools这款插件，大家就可以很方便地对数据结构进行解析和调试了。

3、web前端助手(FeHelper)

web前端助手(FeHelper)包含多个独立小应用，比如：Json工具、代码美化、代码压缩、二维码、Postman、markdown、网页油猴、便签笔记、信息加密与解密、随机密码生成、Crontab等等。

4、Wappalyzer网站技术分析插件

Wappalyzer是一款功能强大的、且非常实用的Chrome网站技术分析插件。它能够分析网站所采用的平台构架、网站环境、服务器配置环境、javascript框架、编程语言等参数。

5、web Maker网页代码编辑器

web Maker就是一款能快速在浏览器上编写网页代码的Chrome插件。它可以让你的谷歌浏览器拥有即时编辑代码的功能，主要用于编写html、CSS和JavaScript代码。

以上就是对于“前端开发常用Chrome插件推荐”简单介绍，若是你对Web前端开发感兴趣，欢迎关注小千哟，后期会分享更多Web前端开发知识的！

本文来自千锋教育，转载请注明出处。