javascript - 制作一个替换 css 和 js 元素的 chrome 扩展

Question

我想知道是否有一种方法可以制作一个 chrome 扩展，在网站加载时删除 js 和 css，并从单独的源添加新脚本。有点像这样

'旧脚本'被替换为'新脚本'或者''被替换为''

css 反之亦然

对不起我的拼写我正在打电话

Answer 1

我相信你可以看看chrome.webRequest.onBeforeRequest ，当一个请求(例如脚本/样式表)即将发生时它会触发，并且您可以收听它并取消或将请求重定向到您想要的 url(脚本/样式表)

为了实现这一目标，

1. 在 manifest.json 中为 permissions 字段添加 webRequest、webRequestBlocking 和主机权限

2. 在后台页面中监听 chrome.webRequest.onBeforeRequest。

   chrome.webRequest.onBeforeRequest.addListener(function(details) {
       var srcUrl = details.url;
       var desUrl = YOUR_DESTINATION_URL;
       return { redirectUrl: desUrl};
   }, {
          types: ["stylesheet", "script"],
          urls: [YOUR MATCH PATTERN]
   }, ['blocking']);