在本文中，我们将研究每个开发人员都应该知道的 10 大 Chrome 扩展。
1) Keyframes
Keyframes是最好的chrome扩展之一，适合那些想在网络浏览器中创建CSS动画的开发者。
这个扩展为你提供了一个可视化的时间轴，帮助你创建、查看和运行动画，而不必在浏览器和编辑器之间来回奔波。
2) Lighthouse
Lighthouse扩展是为了帮助你提高网页应用的性能、质量和正确性。
在审核一个页面时，Lighthouse会针对该网页运行一些测试，然后生成一份关于该页面性能的报告。这份报告可以作为你需要改进的地方的一个指标。
3) Octotree Github代码树
GitHub是任何开发人员的一个基本工具。Octotree Github代码树 "扩展是为了使你的GitHub体验更好。
通常情况下，为了检查github中的子文件夹，你需要手动点击文件夹并浏览你的方式。Octotree扩展解决了这个问题。这个扩展在项目的左侧显示你的仓库，这有助于你更好地了解文件夹结构。
4) Wappalyzer
Wappalyzer扩展帮助你识别网站背后的底层技术。
通过这个扩展，你可以发现一个特定的应用程序是否是用React、Meteor、Firebase Angular、PHP、Django等编写的。你还可以获得有关网络服务器、编程语言、框架、内容管理系统、分析工具、数据库等信息。
5）谷歌标签助手
谷歌标签助理 “Google Tag Assistant”扩展程序帮助你确定你的谷歌标签，如谷歌标签管理器、谷歌分析、谷歌优化等，是否正常工作。使用标签助理，你可以对你的标签进行修改，并立即验证标签是否按预期工作。
当你打开一个网页时，标签助理会通知你该网页上存在的标签。你还会得到一份关于发现的任何错误和改进建议的报告。
6) Lorem Ipsum Generator
Lorem ipsum是一个占位符文本，通常用于展示一个文件或一个字体的视觉形式，而不依赖有意义的内容。
Lorem Ipsum Generator扩展生成默认文本（或Lorem ipsum）以补充你的设计。每个句子都是随机生成的，以模拟真实文本。
默认情况下，该扩展在安装后即被优化使用，但你可以轻松地定制一些设置，以获得适合你首选设计的完美文本。
7) 窗口调整器
窗口调整器是一个扩展，它可以让你轻松地调整当前窗口的大小和位置，以达到你喜欢的数值。
当你在做一些设计部分时，如果你想在不同的屏幕分辨率上测试你的应用程序，这个扩展是非常有效的。一些流行的屏幕分辨率是预装的，但你也可以选择添加自定义屏幕分辨率。
8) CSS Viewer
CSS Viewer是一个非常有效的网页开发人员的铬扩展。顾名思义，CSS查看器可以显示你在任何网页上将鼠标悬停在某个元素上的CSS属性。
9) Web Developer
Web Developer扩展在浏览器中增加了一个工具条按钮，上面有各种网络开发工具。该扩展可用于Chrome和Firefox，并在这些浏览器支持的任何平台上运行，包括Windows、macOS和Linux。
10) AdBlock
顾名思义，AdBlock可以阻止YouTube、Facebook、Twitch和其他网站上的广告、弹出式广告和恼人的横幅。此外，它还能阻止第三方跟踪器，并改善页面加载时间。