Web 开发者必备的 10 款 Chrome 扩展程序

Chrome 浏览器于 2008 年问世，自此之后发展迅猛；截至 2021 年 10 月，其全球市场份额已达 68%。因此，可以肯定地说，大多数 Web 开发人员都使用 Chrome（或基于 Chromium 的浏览器，例如 Brave 或 Edge）。

扩展程序是增强浏览器功能、提升工作效率的绝佳方式。我们这里有一些面向 Web 开发者的 Chrome 扩展程序——如果您感兴趣，不妨看看！

在这篇小文章中，我尽量只列出对开发有用的扩展程序（不包括像暗黑模式工具或广告拦截器这样的扩展程序），因为这些扩展程序完全是另一个话题。我还尝试列出一些不太知名的扩展程序，所以这不是你通常看到的知名扩展程序列表。希望其中一些扩展程序能对你有所帮助！

1. VisBug

想要了解不同设计方案的反响，一个好方法是使用一款简单的设计工具——VisBug。有了它，你可以重新设计任何网站的UI，它会实时显示更新后的预览，让你可以进行精准的修改，而无需刷新页面。

言语无法表达它有多么有用；请务必查看他们的网站（https://visbug.web.app/）获取实用示例！

星级⭐：4.8
下载量📥：100k+

将 VisBug 添加到 Chrome/Brave

2.主题化

根据您的需求，列出页面使用的 CSS 颜色，并采用不同的颜色代码。它有一个颜色选择器，适用于屏幕上的任何内容，包括其他应用程序。此扩展程序是旧版ColorZilla的理想替代品，功能更强大！

星级⭐：5
下载量📥：223

将 Themify 添加到 Chrome/Brave

3. WhatFont

查找网页中使用的字体最简单的方法是什么？Firebug 和 Webkit Inspector 对开发者来说足够简单易用。然而，对于其他人来说，这并非必需。使用此扩展程序，您可以通过将鼠标悬停在字体上来检查它们。就是这么简单，优雅。

星级⭐：4
下载量📥：2M+

将 WhatFont 添加到 Chrome/Brave

4. Wappalyzer

Wappalyzer 是一个技术分析器，可以向您展示网站是用什么构建的。

了解网站使用的 CMS、其框架、电子商务平台、JavaScript 库等等。

Wappalyzer 不仅仅是一个 CMS 检测器或框架检测器：它揭示了数十个类别中的一千多种技术，例如编程语言、分析、营销工具、支付处理器、CRM、CDN 等。

星级⭐：4.7
下载量📥：100万+

将 Wappalyzer 添加到 Chrome / Brave
将 Wappalyzer 添加到 Firefox

5. Talend API 测试器

以可视化的方式与 REST、SOAP 和 HTTP API 交互。它可以轻松调用、发现和测试 HTTP 和 REST API，就像 Postman 或 Insomnia 一样，只不过是在浏览器中。

星级⭐：4.9
下载量📥：500k+

将 Talend API Tester 添加到 Chrome/Brave

6. 波浪

它是一款我们开发的网页无障碍评估工具（我们知道无障碍对我们的网站至关重要！）。它通过在页面中注入图标和指示符，提供有关网页内容无障碍性的视觉反馈。没有任何自动化工具可以判断您的页面是否具备无障碍性，但 WAVE 可以促进人工评估，并提供有关无障碍问题的教育。

所有分析均在 Chrome 浏览器中完成，从而可以快速评估内联网、本地、受密码保护的网页和其他敏感网页。

星级⭐：4
下载量📥：400k+

将 WAVE 添加到 Chrome/Brave

7.虚假数据

这是Fake Filler 的一个更加可定制的替代品，正如他们所说，它是使用虚假和随机数据填充表单的最先进的工具。

星级⭐：4.9
下载量📥：20k+

向 Chrome / Brave 添加虚假数据
向 Firefox 添加虚假数据

8.果酱

这款扩展程序面向一家小型初创公司，但制作精良。它让您只需点击一下即可向开发人员发送完美的错误报告。无需填写表格，避免繁琐的操作，只需通过一个简单的链接即可在浏览器中完美记录错误。

星级⭐：4.9
下载量📥：5k+

将 Jam 添加到 Chrome/Brave

9. SVG抓取器

一种快速预览和获取网站所有 SVG 资产的工具。svg
-grabber 可让您预览、下载和复制网站上所有 SVG 图标和插图的代码。

星级⭐：4.1
下载量📥：100k+

将 SVG Grabber 添加到 Chrome/Brave

10.尺寸

设计师测量屏幕尺寸的工具。

此扩展程序可测量鼠标指针上下左右直至接触到边框的尺寸。因此，如果您想测量网站上元素之间的距离，这款扩展程序非常适合。

附带说明一下，它不适用于图像，因为图像上各个像素的颜色变化很大。

星级⭐：4.1
下载量📥：200k+

为 Chrome/Brave 添加维度

扩展！

每个人都喜欢提高效率，而且我确信这些扩展中至少有一些会以某种方式为您提供帮助；它们在我编码时给了我很大的帮助！

如果您喜欢这篇文章，我会在我的时事通讯中发布更多精彩内容；您可以在这里免费查看：立即查看 Coderpreneurs！

另外，我喜欢在Twitter上发布有趣的内容和话题，所以推荐大家也关注我！这是我的Twitter：@thenaubit。