chrome插件网页抓取(我想把我在GitHub上寻找项目灵感，Githunt这个插件可能就很适合你)

　　chrome插件网页抓取(我想把我在GitHub上寻找项目灵感，Githunt这个插件可能就很适合你)

　　作为前端开发人员，毫无疑问，Google Chrome 是我们 Web 开发过程中使用最多的浏览器。除了易于使用和支持各种最新的 Web 开发标准外，Chrome 背后还有海量的应用扩展，让我们的日常编程不再是一件苦差事。

　　虽然有朋友说Chrome自带的开发者工具就够用了，不需要任何额外的插件，但是从我个人的工作经验感受效率的提升，所以想分享一下我正在使用的插件使用中，希望能够给有需要的同学一些帮助。

　　吉图恩特

　　

　　吉图恩特

　　如果你经常花时间在 GitHub 上寻找项目灵感，Githunt 可能是适合你的插件。启用后，它将在浏览器的新标签页上显示您选择关注的项目列表。

　　您可以自定义搜索不同语言的项目，查看项目摘要和项目当前issues，点击项目链接跳转到项目的Github查看。因为这个插件 收录 几乎都是热门项目，你将能够节省大量时间来做更高效的事情（例如发现错误和修复错误）。

　　

　　Githunt 页面 ColorZilla

　　

　　ColorZilla

　　在正式登陆 Chrome 浏览器之前，ColorZillia 作为 FireFox 上最有名的取色工具，已经在前端人士中广为人知。它可以快速识别网页任何角落的任何颜色，甚至可以抓取1px大小边框上的颜色，并允许用户轻松将删除的颜色复制到其他程序中使用。

　　

　　ColorZilla 使用场景 CSSViewer

　　

　　浏览器

　　CSS Viewer 是另一个简单实用的前端开发工具。顾名思义，每当您将鼠标悬停在任何地方时，此插件都会自动弹出一个小弹出窗口，显示构成您当前鼠标指向的元素的 CSS 参数。

　　

　　CSSViewer 使用场景字体忍者

　　

　　字体忍者

　　Font Ninja 非常适合喜欢采集各种优秀 Web 示例并尝试学习的 Web 开发人员。其内置的专利算法快速高效，可在几秒钟内识别页面上的单个字体。它还可以识别字体大小、粗细和颜色等信息，所有这些信息都显示在一个小弹出窗口中。

　　

　　字体忍者使用场景查看我的链接

　　

　　检查我的链接

　　顾名思义，这是一个专门用于检查坏链接和死链接的工具。除此之外，它还可以检查页面上的有效链接和重定向链接。这个插件不仅对 web 开发者很有帮助，对做 网站 SEO 优化业务的人也很有帮助。

　　

　　检查我的链接使用场景维度

　　

　　方面

　　当您想要测量间隙、页面元素之间的尺寸或您在页面上看到的任何对象之间的距离时，这是一个非常有用的插件。

　　安装后，您会在工具栏上看到一个小十字准线图标。在浏览器中打开一个新页面，选择该图标，您将看到一个十字准线出现在屏幕上。在要测量的页面元素之间拖动它，您会看到具体的值，简单而优雅。

　　

　　维度使用场景UX检查

　　

　　用户体验检查

　　这是一个可用性分析插件，它利用内置的用户体验指标算法来评估页面的可用性级别。它可以快速查明网页上潜在的可用性问题，并允许用户注释、截屏并导出它们以与其他团队成员协作。

　　对于不需要太多细节的轻量级用户体验测试，UX Check 可以为团队节省大量时间和资源。

　　

　　UX 检查使用场景 BuiltWith Technology Profiler

　　

　　内置技术分析器

　　这是一个很好的小工具，可以识别绝大多数 网站 背后的技术堆栈。例如 Web 服务提供商、使用的 cms 平台、网站 分析工具、插件、JavaScript 库等。

　　安装插件后，只需在页面上单击它，就会出现一个弹出窗口，显示该页面上运行的可识别技术。

　　Web开发人员

　　

　　Web开发人员

　　这是一组收录多种功能的插件。虽然名字叫“Web Developer”，但我觉得这个工具也适合其他开发者，因为它收录了很多有用的工具供开发者调用。

　　安装后，可以通过单击工具栏上的小齿轮图标来访问 Web Developer。插件启动后，您应该会看到一个小的下拉框，其中收录一系列选项卡组织成选项卡。选择一个选项卡以访问其中的工具。这里有很多事情要做，但每个工具都非常有用。

　　EditThisCookie

　　

　　编辑此 Cookie

　　您可以使用此插件编辑、删除、创建和保存每个页面的 cookie 文件，它还支持导出 cookie 进行分析、阻止、添加到 JSON 文件等。基本上你可以用这个插件对网络 cookie 做任何你想做的事情。

　　JSON 查看器

　　

　　JSON 查看器

　　JSON Viewer 将 JSON 数据管理到浏览器窗口中可快速识别的分层视图中。当然，作为技术人员，手动处理 JSON 文件应该是必备技能，但是使用这个插件可以相应地提高你的效率和体验。

　　会话好友

　　

　　会话好友

　　严格来说，这不是开发人员的工具。它更像是传统意义上的文件集合，可以保存特定页面以供以后访问。例如，当您发现一篇有趣的 文章 文章但现在没有时间阅读它时，或者当您在浏览器上打开太多选项卡时，它会派上用场。

　　以上是我在日常工作中发现的有用插件。如果您发现文中未提及的有用插件，请留言！如果你觉得这个文章对你有帮助，请点赞订阅！

　　（部分资料和图片来自网络）