前端开发10大Chrome插件扩展

22-02-07 banq

在本文中,我们将研究每个开发人员都应该知道的 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和其他网站上的广告、弹出式广告和恼人的横幅。此外,它还能阻止第三方跟踪器,并改善页面加载时间。

 

猜你喜欢