推荐5款高级前端开发工程师常用的Chrome插件
简洁清爽的界面、流畅的浏览以及资源丰富的插件也使其成为前端开发者喜爱的浏览器。而简单易用的插件可以帮助开发者减轻开发过程中的繁重负担，带来更加强大的效果。今天给大家推荐一些非常实用、在程序员中口碑很好的Chrome插件。来看看千峰广州小编吧！
1.Lighthouse测试性能优化的前端工具
对于前端开发人员来说，他们正在开发的应用程序或网站的性能往往很难用肉眼辨别。如今，需要专业的网站测试工具。通过这些具体的分析报告，我们可以更直观地知道产品的哪些方面需要优化。Lighthouse插件就是这样一个由Google官方团队提供的开源自动化检测工具，是一个严肃的行业标杆。
Lighthouse插件可以对需要测试的页面运行一系列评估，然后向开发人员提供详细的优化指南和建议的反馈。主要包括网站性能、PWA、可访问性（accessibility）、SEO等内容。
开发者可以根据这些标准对网站进行优化和改进，以提高用户体验，而不再需要盲目地随意更改。下载地址：http://uee.me/cQCz2
2.Vue.jsdevtools调试插件
Vue.jsdevtools是Chrome和FirefoxStore中拥有数百万用户的热门插件，被誉为“Vue调试神器”。由于Vue是数据驱动的，开发者在开发和调试时无法通过查看DOM结构来分析任何东西。但借助Vue.jsdevtools插件，任何人都可以轻松分析和调试数据结构。
安装插件后，按F12打开开发者工具。VUE将出现在开发者工具栏的底部。选择它可以顺利执行操作。
下载地址：http://uee.me/cQC2h类似的调试工具，Facebook的ReactDeveloperTools插件更为人所知。安装此插件后，您可以在GoogleChrome中调试时查看应用程序的React组件层次结构，而不是浏览器神秘的DOM。
下载地址：http://rrd.me/fFaeD
3.Web前端助手（FeHelper）
自制的、超级好用的前端开发工具合集。我之前也在一篇专门的文章中介绍过这个插件。Web前端助手（FeHelper）包含几个独立的小应用，如：Json工具、代码美化、代码压缩、二维码、Postman、Markdown、网站油脂猴、笔记、信息加解密、随机密码生成、Crontab、等等。
基本上涵盖了前端开发中常用的所有基本功能。既然WEB前端助手是国人开发的，那么大家使用起来会更加方便。
下载地址：http://uee.me/cQC2z
4.Wappalyzer网站技术分析插件
开发人员有时需要寻找灵感并向其他网站学习。那么当我们看到一个感觉不错的网站，想知道他们使用了哪些框架和技术时，我们该怎么办呢？此时，Wappalyzer可以提供帮助。Wappalyzer是一款功能强大且非常实用的Chrome网站技术分析插件。
可以分析网站使用的平台架构、网站环境、服务器配置环境、JavaScript框架、编程语言等参数。安装后，单击您感兴趣的网站上的Wappalyzer插件图标，您将在弹出窗口中看到该网站使用的框架和技术。
下载地址：http://uee.me/cQC29
5.WebMaker网页代码编辑器
作为开发人员，您可能使用过许多代码编辑器。确实有很多功能非常强大的编辑器，但是在一些需要快速录制代码的紧急情况下，打开这些编辑器可能会出现问题。WebMaker是一款Chrome插件，可以快速将网站的代码写入浏览器中。
它允许您的GoogleChrome浏览器即时编辑代码，主要用于编写HTML、CSS和JavaScript代码。安装插件后，只需单击插件图标即可在新窗口中开始工作。最重要的是，WebMaker支持离线使用和自动代码保存。如果黑色对您来说太无聊，有几个编辑器主题和其他可配置设置。
下载地址：http://uee.me/cQC2K
多于这就是今天的推荐。您常用的前端扩展插件有哪些？可以留言和前锋广州小编一起讨论哦！
相关文章
