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

Question

我想知道是否有办法制作一个Chrome扩展程序，从网站中删除js和css并加载它并从单独的源添加新脚本。 有点像这样

＆＃39;旧剧本＆＃39;替换为＆＃39;新脚本＆＃39;或＆＃39;＆＃39;＆＃39;替换为＆＃39;＆＃39;

反之亦然css

对不起我手机上的拼写

Answer 1

我相信你可以看看chrome.webRequest.onBeforeRequest，它会在一个请求（例如脚本/样式表）即将发生时触发，并且你被允许收听它并取消或重定向请求你想要的网址（脚本/样式表）

要实现这一目标，

1. 在webRequest
中添加webRequestBlocking，permissions和manifest.json字段的托管权限

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']);