Chrome扩展：无需手动更新参数即可匹配含参数URL

你可以通过以下两种方式实现自动匹配带动态版本参数的URL，不用再手动更新参数：

方法1：使用URL通配符（最简单） #

Chrome的webRequest API支持用通配符*匹配任意字符，直接把目标URL末尾的固定参数换成*，就能匹配所有带不同版本参数的请求。修改后的代码如下：

chrome.webRequest.onBeforeRequest.addListener(
    function(details) {
        // 注意补全协议（http/https），否则重定向可能失败
        return {redirectUrl: "https://mydomain.com/modified.js"};
    }, 
    // *:// 匹配http和https协议，末尾的*匹配任意查询参数/锚点
    { urls: ["*://domain.com/assets/main.js*"]},
    ["blocking"]
);

这个模式会匹配所有domain.com/assets/main.js开头的请求，不管后面跟的是?492、?500还是其他任意参数。

方法2：正则表达式精确匹配（适合复杂场景） #

如果需要更精确的匹配逻辑（比如只匹配带?开头的版本参数，排除其他路径后缀），可以在监听函数里用正则表达式检查请求URL：

chrome.webRequest.onBeforeRequest.addListener(
    function(details) {
        // 正则匹配main.js后紧跟?和任意字符的URL
        const targetPattern = /^https?:\/\/domain\.com\/assets\/main\.js\?/;
        if (targetPattern.test(details.url)) {
            return {redirectUrl: "https://mydomain.com/modified.js"};
        }
    }, 
    // 先用通配符缩小匹配范围，提升性能
    { urls: ["*://domain.com/assets/main.js*"]},
    ["blocking"]
);

注意事项 #

• 确保在扩展的manifest.json中声明了必要权限："webRequest"、"webRequestBlocking"，以及目标域名的权限（比如"*://domain.com/*"）。
• redirectUrl必须是完整的URL（包含http/https协议），否则Chrome会拒绝重定向。

内容的提问来源于stack exchange，提问作者Louis