我最喜欢的用于 Web 开发和设计的 Chrome 扩展程序

Chrome 扩展程序是提高日常工作效率和优化开发工作流程的方法之一。
我整理了一份我最喜欢、最常用的 Chrome 扩展程序列表，它们可以让你成为更高效的开发者。

1. 30秒知识

每次打开新标签页时，您都会获得一段随机代码片段。代码片段共有 9 个类别，包括编程语言、框架和面试题。
这是一款优秀的扩展程序，不仅适合新手开发者。

网站

2. Axe Web 可访问性

Axe 是开发人员测试 Web 应用程序以解决可访问性问题的理想选择。它可以查找违反常见标准（包括 WCAG 2.0 A/AA 或第 508 条）的情况。

网站

3.灯塔

Lighthouse 是一款深受开发者喜爱的必备扩展程序。它从五个维度对网站进行全面审核：性能、可访问性、最佳实践、SEO 以及是否使用渐进式 Web 应用 (PWA)。

网站

4.Colorzilla​

我最喜欢的扩展程序之一。ColorZilla 包含颜色选择器、吸管、渐变生成器以及许多其他高级颜色工具。

网站

5. Wappalyzer

Wappalyzer 是一款跨平台实用程序，可揭示网站上使用的技术。它可以检测内容管理系统、电商平台、Web 框架、服务器软件、分析工具等等。

网页

6.什么字体

识别网页字体的最简单方法。

网页

7. JSON 查看器

最美丽且可定制的 JSON/JSONP 荧光笔。

存储库

8. SVG 抓取器

它有助于预览、下载和复制网站上的所有 SVG 图标和插图的代码。

9.页面速度

只需点击一下即可查看 PageSpeed Insights 得分。如果得分为 100%，则表示您的网站速度很快。

10.Marinara -Pomodoro 助理

一个非常有用的时间管理扩展程序。它可以训练你专注于单一任务，并帮助你休息。

存储库

11. Grammarly

对于像我这样的非英语母语人士来说，这是一个非常有用的工具。Grammarly
是一款写作助手，它比语法更深入，能够提供全面的写作反馈。您可以放心，您的写作不仅正确，而且清晰简洁。

网页

12. Devtwitter

Dev.to 社区成员必备的扩展程序。
它可以帮助您在浏览 Twitter 时及时了解最新的开发内容。

13.锡眼

TinEye 是网络上首个使用图像识别技术而非关键词、元数据或水印的图像搜索引擎。TinEye 不仅能查找相似的图片，还能查找精确匹配的图片，包括经过裁剪、编辑或调整大小的图片。

网页

14.窗口调整器

该扩展程序会调整浏览器窗口的大小以模拟各种分辨率。它对网页设计师和开发者非常有用，可以帮助他们在不同的浏览器分辨率下测试布局。

我还使用以下扩展：

口袋

Gmail检查器

Vue 开发者工具

广告拦截器

猎人

目前我的 Chrome 上有 25 个扩展程序，它们对日常生活和工作都很有帮助。它们确实会让 Chrome 变慢一些，但我不会删除任何一个。

你最喜欢和必备的扩展程序有哪些？快来交换吧！