作为开发者，您应该使用的 10 个 Google Chrome 扩展程序

如果您是开发者，您可能已经拥有一系列日常使用的 Chrome 扩展程序。这些扩展程序可以让您的工作更轻松、更高效，或者比专用工具更好地执行重要任务。此列表可能基于这些扩展程序。

由于我们绝大多数人都使用 Chrome，因此考虑使用 Chrome 扩展程序是明智之举。虽然还有其他浏览器可供选择，但 62.6% 的互联网用户使用 Chrome。虽然它在隐私方面表现不佳，但它的生产力确实非常出色！

以下是一些适合开发人员的最佳 Google Chrome 扩展程序。

1.滴管

Eye Dropper 是一款开源扩展程序，可让您从网页、颜色选择器和个人颜色历史记录中选择颜色。它允许您从任何网页或高级颜色选择器中选择颜色。对于开发人员来说，它是一款非常棒的工具。

2.超棒的截图和屏幕录像机

使用 Awesome Screenshot & Screen Recorder 截取您的屏幕，这是一款功能强大的屏幕共享工具，拥有数百万用户的使用体验。将屏幕录制内容和屏幕截图保存到 awesomescreenshot.com，并通过专属的共享链接立即分享您的视频和图片。

3. Daily.dev

daily.dev 是发展最快的在线开发者社区，方便开发者随时了解最新资讯。您喜爱的所有内容尽在一处——CSS-Tricks、Smashing Magazine、web.dev 以及 400 多个来源。换句话说，您无需再浪费时间搜索优质文章。只需安装 daily.dev，打开新标签页，即可轻松上手。

4. JSON 查看器

你见过的最美观、可自定义的 JSON/JSONP 高亮器。它是一款用于打印 JSON 和 JSONP 的 Chrome 扩展程序。

5.响应式查看器

Chrome 扩展程序可在一个视图中显示多个屏幕。该扩展程序将帮助前端开发人员在开发响应式网站/应用程序时测试多个屏幕。

6. CSS扫描

CSS Scan 是检查和复制 CSS 的最快方法。鼠标悬停在任何元素上时，即可立即可视化其 CSS，并单击即可复制其全部 CSS 规则。此扩展程序需要付费，需要许可证才能使用。您可以在此处购买

7. Wappalyzer

Wappalyzer 不仅仅是一个 CMS 检测器或框架检测器：它能够发现数十个类别的上千种技术，例如编程语言、分析工具、营销工具、支付处理器、CRM、CDN 等等。安装适用于 Chrome 的 Wappalyzer，即可一目了然地了解您访问的网站所使用的技术。

8. Stylebot

使用此扩展程序，您可以立即更改网页外观。在此扩展程序中，您可以选择一个元素，并从编辑器中选择要进行的任何更改，例如更改字体、颜色、边距、可见性等等。您也可以手动编写 CSS 代码。

9.用户体验检查

UX Check 使启发式评估变得快速简便。该扩展程序会在您网站旁边的侧边栏中打开尼尔森的十大启发式方法。当您点击不符合启发式方法的元素时，您可以添加注释，并且屏幕截图会被保存。最后，您可以将所有内容导出为 docx 文件，以便与您的团队共享。

10.灯塔

Lighthouse 是一款开源的自动化网页质量提升工具。您可以针对任何网页（无论是公开的还是需要身份验证的）运行它。它提供性能、可访问性、渐进式 Web 应用、SEO 等方面的审核。

我希望您能从本文中学到一些新的开发者工具，它们能让您的工作更轻松。无论是提高生产力、解决问题还是简化流程，本文中的工具都能帮您实现所有这些目标，甚至更多。

您有什么 Chrome 开发者扩展程序推荐吗？如果您正在使用以上任何一款扩展程序，并想分享您的使用感受，欢迎在下方留言告诉我们！

现在您可以通过给我买一杯咖啡来表示您的支持。😊👇

感谢阅读😊