常用Chrome插件分享

前言

由于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特别多的时候特别有用，有时候发现一些有趣的网页没时间看，就会一直放在标签页里，不想删还占内存，这时就可以将它们存放在这个扩展里，等有时间可以随时打开。扩展页标签管理页面功能也很多，支持分组、编辑、删除、导出等等，功能很全。