插件编写目标网站引入jQuery环境

我最近想给一个网站写一个油猴插件,发现这个网站是用 react 编写的,没有 jQuery 环境,对dom 做一些操作不是很方便。
想到写一段js代码在控制台执行,引入 jQuery 环境,发送网站设置了 SCP 安全策略,会拦截非白名单域名。
下面是我的解决方案。

使用插件关闭SCP

安装关闭SCP插件

disable-content-security chrome商店icon-default.png?t=N7T8https://chromewebstore.google.com/detail/disable-content-security/ieelmcmcagommplceebfedjlakkhpden

插件使用

首先固定插件,然后点击一下插件,插件从黑色变成粉红色,即当前网站的SCP策略已被禁用

网站 SCP 被禁用后的样子,禁用 SCP 之后,需要刷新网页才能生效

引入jQuery

编写原生代码在控制台执行,即可引入jQuery,下面是我的代码

(function() {
var script = document.createElement("script");
script.src = "https://code.jquery.com/jquery-3.7.1.min.js";
document.getElementsByTagName('head')[0].appendChild(script);
})();

执行这段代码之后,就可以在控制台使用 $ 来操作dom了。

补充说明

网站启用 SCP 后的效果

首先,使用控制台执行上面那段引入 jQuery 的代码,会发现控制台报错了

这个 SCP 是在请求的响应头里面,所以也可以用 fiddler 修改响应请求头以达到禁止 SCP 的效果

参考资料:

  1. 屏蔽 scp 插件
  2. jQuery CDN
  3. 内容安全策略(CSP) - HTTP | MDN
  • 5
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值