开发人员工具:一个彻底禁用 Content Security Policy (CSP) 浏览器扩展

1,629 阅读1分钟

开源地址

github.com/lisonge/Dis…

img

使用场景

CSP 会阻止我们向目标网站注入 外部源 的脚本

比如由于 CSP限制,你无法在 github.com 控制台使用 document.head.append 添加一个外部源的脚本

或者使用 vite-plugin-monkey 开发油猴脚本时,假设你的目标网站是 github.com ,由于 github 的 CSP 策略,脚本也无法注入。

此时我们需要一个禁用 CSP 的扩展

相比其它禁用 CSP 插件的优点

CSP 有两种,一种是 HTTP Header CSP ,另一种是 HTML Meta CSP

浏览器扩展的 网络拦截 Api 只能修改 HTTP Response Header ,无法修改 Response Body

所以目前插件市场上的 CSP 禁用扩展基本上都是只能 Diable HTTP Header CSP

这个扩展使用 chrome 的 debugger 接口连接 devtools 工具来实现 拦截修改 Response Body 达到修改 HTML Meta CSP 的目的

安装

撅得好用的可以给个 star