Chrome 分机 |通过通配符替换网站 JavaScript 文件

Question

我可以替换由网页提供的 JavaScript 文件，Chrome 将使用我更改后的脚本。这是解决方案：

manifest.json

{
  "name": "extension name",
  "description": "extension descriptin",
  "version": "1.0",
  "manifest_version": 2,
  "background": {"scripts":["background.js"]},
  "permissions": [
    "webRequest",
    "*://examplesite.com/*",
    "webRequestBlocking"
  ]
}

background.js

chrome.webRequest.onBeforeRequest.addListener(
    function(details) {
        if (details.url == "http://examplesite.com/script.8g5d8wssgf45s.combined.js")
            return {
                redirectUrl: "http://myexamplesite.com/my_modified_script.js"
            };
    }, {
        urls: ["*://examplesite.com/script*.js"]
    },
    ["blocking"]);

这很好用 - 浏览器将忽略脚本 script.8g5d8wssgf45s.combined.js，而不是使用我从 http://myexamplesite.com/my_modified_script.js 修改的版本。我不知道如何对脚本进行一些通配符匹配。因为它的名字经常变化——现在是 script.8g5d8wssgf45s.combined.js 但是当开发者发布新版本时，一个脚本名称将在名称中有另一个哈希值，例如：script.azz561sscbdf.combined.js 是否可以像这样在条件下进行一些通配符匹配？:

if (details.url == "http://examplesite.com/script.*.combined.js")

会有一些通配符标记 * 并且它将接受脚本的所有未来版本更改并替换它？

还有一个问题 - 我可以在本地提供修改后的脚本版本吗？它将打包在我的分机中。或者唯一的方法是通过我的页面提供服务，就像在这种情况下：http://myexamplesite.com/my_modified_script.js?

感谢您的帮助！

Answer 1

我找到了正则表达式的解决方案，它搜索“script.”文件名：

chrome.webRequest.onBeforeRequest.addListener(
    function(details) {
        if (details.url.match(/^.*\b(script.)\b.*$/))
            return {
                redirectUrl: "http://myexamplesite.com/my_modified_script.js"
            };
    }, {
        urls: ["*://examplesite.com/*"]
    },
    ["blocking"]);

灵感来自：https://github.com/bendavis78/chrome-extension-redirector/blob/master/redirector/background.js

Chrome 分机 |通过通配符替换网站 JavaScript 文件

Chrome Extension | Replace Website JavaScript File via Wildcard

javascript

google-chrome

google-chrome-extension