常用Chrome插件分享

16,715 阅读3分钟

前言

由于Chrome扩展商店需要特殊网络,有需求的可以在下面站点里搜索下载,不需要特殊网络,很全很新。

www.crx4chrome.com/

工作

CSP Evaluator

chromewebstore.google.com/detail/csp-…

可以用来检测网站的Content Security Policy (CSP),可以更清楚看到每项配置,还提供每项配置的security等级和建议。

比如扫描百度首页,如下图,frame-ancestors限制了具体哪些网站可以用iframe内嵌自己的网站。

Window Resizer

chromewebstore.google.com/detail/wind…

可以调整浏览器窗口的大小以模拟各种屏幕分辨率,内置了很多常用分辨率,也可以自定义分辨率。适合在大屏屏幕里测试小分辨率响应式。

CSSViewer

chromewebstore.google.com/detail/cssv…

一个简单的CSS属性查看器,开启后,鼠标浮动到元素上就能显示对应的基本样式,适合调试和测试网页样式。

Ajax Interceptor

chromewebstore.google.com/detail/ajax…

用来mock api的返回结果,适合用来调试api,比如把任意环境的api数据mock到自己开发环境中调试,而不用改动代码。

但是此功能在新版Chrome Overrides功能已经满足此需求了,功能差不多。

Sourcegraph

chromewebstore.google.com/detail/sour…

提供在线阅读GitHub、Gitlab等源码能力,比如代码智能导航、定义跳转、搜索等等,相当于一个在线IDE,适合在不clone情况下在线读源码。虽然现在GitHub本身就支持了代码导航和搜索功能,但是也可以当做一个备选方法。

以react库为例,安装扩展后就会在GitHub里显示此按钮,打开后跳转下面链接,然后就可以阅读了。

sourcegraph.com/github.com/…

Site Speed by DebugBear

chromewebstore.google.com/detail/peom…

官网:www.debugbear.com/

用来测试网页性能指标。开启时可能会占用内存,不用时建议关掉。

但是指标数据信息不多,更多建议用第三方网站来测试,比如:www.debugbear.com/test/websit…

Web Vitals

chromewebstore.google.com/detail/web-…

功能跟上面的类似,常用来测试页面性能指标。

Monica - Your AI Copilot powered by ChatGPT-4

chromewebstore.google.com/detail/moni…

AI插件,GPT-4肯定是收费的了,高级功能基本都是收费的,但是也有免费的基本功能。

优点是不需要特殊网络,有免费AI聊天功能、读pdf、翻译页面(没啥用)。

其它

Reopen closed tab Button

chromewebstore.google.com/detail/reop…

提供一键reopen关闭的tab,很简易,也很常用,特别是在不小心关闭tab的时候,我一天得点个至少几十下。

OneTab

chromewebstore.google.com/detail/onet…

可以一键将所有或部分打开的标签页转换成一个列表,并展示在扩展独立页面中,已于管理。在tab特别多的时候特别有用,有时候发现一些有趣的网页没时间看,就会一直放在标签页里,不想删还占内存,这时就可以将它们存放在这个扩展里,等有时间可以随时打开。扩展页标签管理页面功能也很多,支持分组、编辑、删除、导出等等,功能很全。

Infinity New Tab (Pro)

chromewebstore.google.com/detail/infi…

自定制新标签页,类似功能的扩展有很多,我比较喜欢这款。

Grow in 掘金

chromewebstore.google.com/detail/grow…

支持使用插件查看掘友们的社区活跃度和成长趋势,非常易用直观,见证在掘金社区的每一步成长。

SuperCopy 超级复制

chromewebstore.google.com/detail/supe…

一键破解禁止右键、破解禁止选择、破解禁止复制、破解禁止粘贴,启用复制,启用右键,启用选择,启用粘贴。建议直接配置白名单,懂得都懂。

知乎+掘金+简书+CSDN 外链直接访问(不再弹窗询问)

chromewebstore.google.com/detail/%E7%…

懂得都懂。不过现在不支持鼠标滚轮中键点击打开,也就是右键里的Open link in new tab,我总习惯点滚轮中键。

Hide Images/Videos

chromewebstore.google.com/detail/hide…

一键隐藏页面所有图片和视频,摸鱼专用。缺点就是不支持再次点击显示图片,只能刷新页面。

总结

就这些常用的了,下篇会继续介绍我比较常用的VSCode插件。