chrome抓取网页插件(在程序员中口碑也较好的Chrome插件，广州小编)

　　chrome抓取网页插件(在程序员中口碑也较好的Chrome插件，广州小编)

　　谷歌浏览器简洁清爽的界面、流畅的浏览体验、资源丰富的插件也让它成为前端开发者最喜欢的浏览器。而易用的插件可以帮助开发者在开发过程中减少大量的工作量，带来强大的效果。今天给大家推荐几个非常实用，在程序员中口碑不错的Chrome插件。和广州千峰小编一起来看看吧！

　　一、灯塔前端性能优化测试工具

　　对于前端开发者来说，往往很难区分自己开发的 App 或网页的性能。这时候就需要专业的网站测试工具了。通过这些具体的分析报告，我们可以更直观地了解产品需要优化的地方。Lighthouse 插件就是这样一个开源的自动化检测工具，由谷歌官方团队提供，是一个严肃的行业标杆。

　　Lighthouse 插件可以对需要测试的页面进行一系列的评估，然后以详细的优化指南反馈给开发者。主要包括网站页面性能、PWA、可访问性（accessibility）、SEO等内容。

　　开发者可以网站根据这些标准进行优化改进，提升用户体验，不再需要盲目改动。下载链接：

　　二、Vue.js devtools 调试插件

　　Vue.js devtools 是一款在 Chrome 商店和 Firefox 商店中拥有数百万用户的流行插件，有“Vue 调试神器”的称号。由于 Vue 是数据驱动的，所以开发者在开发和调试的过程中无法解析出 DOM 结构无法解析的内容。但借助 Vue.js devtools 插件，您可以轻松解析和调试数据结构。

　　安装插件后，按F12打开开发者工具。您将在开发人员工具的菜单栏末尾看到 VUE。选择它以执行平滑操作。

　　下载地址：类似的调试工具，Facebook出品的比较有名的React Developer Tools插件。安装此插件后，您可以在 Google Chrome 中进行调试时查看应用程序的 React 组件层次结构，而不是查看神秘的浏览器 DOM。

　　下载链接：

　　三、WEB前端助手（FeHelper）

　　国内超实用的前端开发工具合集。我之前也在专门的文章中介绍过这个插件。WEB前端助手（FeHelper）收录多个独立的小应用，如：Json工具、代码美化、代码压缩、二维码、Postman、markdown、网页油猴、便签、信息加解密、随机密码生成、Crontab等等等等。

　　基本涵盖了前端开发中经常用到的所有基础功能。由于WEB前端助手是中国人开发的，所以大家用起来会更方便。

　　下载链接：

　　四、Wappalyzer网站技术分析插件

　　开发人员有时需要从他人的 网站 中寻找灵感和学习。那么，当我们浏览一个感觉不错的 网站 并想知道他们正在使用什么框架和技术时，我们该怎么办？这时，Wappalyzer 可以提供帮助。Wappalyzer 是一个功能强大且非常有用的 Chrome网站 技术分析插件。

　　可以分析平台架构、网站环境、服务器配置环境、JavaScript框架、网站采用的编程语言等参数。安装好后，在感兴趣的网页上点击Wappalyzer插件图标，在下拉窗口中可以看到这个网站使用的框架和技术。

　　下载链接：

　　五、Web Maker 网页代码编辑器

　　作为开发人员，您可能使用过许多代码编辑器。确实有很*敏*感*词*非常强大的编辑器，但是在一些需要快速记录代码的紧急情况下，打开这些编辑器比较麻烦。Web Maker 是一个 Chrome 插件，可以在浏览器上快速编写网页代码。

　　它使您的 Google Chrome 能够动态编辑代码，主要用于编写 HTML、CSS 和 JavaScript 代码。安装插件后，只需单击插件图标即可在新窗口中工作。最重要的是，Web Maker 支持离线使用和自动代码保存。如果黑色对您来说太沉闷，还有多个编辑器主题和其他可配置设置。

　　下载链接：

　　以上就是今天的推荐。你常用的前端扩展插件有哪些？欢迎留言与千峰广州小编一起探讨！