Chrome declarativeNetRequest匹配URL无法追加至重定向页面问题

你当前的问题是：使用Chrome扩展的declarativeNetRequest规则时，重定向到扩展页面的功能正常，但无法将匹配到的域名追加到页面URL中。以下是问题分析和修复方案：

代码问题分析 #

原始代码问题 #

1. 配置冲突：同时指定regexSubstitution和extensionPath会导致extensionPath覆盖路径部分，哈希参数（#\\0）无法生效。
2. 正则匹配范围过窄：regexFilter: "\w*"未正确转义（JS中需写\\w*），且仅匹配字母数字字符，无法完整捕获域名。

更新后代码问题 #

1. 正则匹配逻辑偏差：regexFilter: "https://([^/]+)"仅匹配URL开头的域名部分，但declarativeNetRequest的regexFilter需要匹配完整请求URL，否则可能无法触发规则。
2. 缺少资源类型限制：未指定resourceTypes会导致所有请求（如图片、脚本）都被重定向，不符合需求。

修复后的代码实现 #

const page = chrome.runtime.getURL('/MyPage.html');
const RULES = [
  {
    id: 1,
    priority: 2,
    action: {
      type: 'redirect',
      redirect: {
        // 用\\1引用正则捕获的域名，拼接到扩展页面的哈希后
        regexSubstitution: `${page}#\\1`
      }
    },
    condition: {
      // 匹配完整HTTPS URL，捕获域名部分
      regexFilter: "^https://([^/]+).*",
      requestDomains: ["amazon.com"],
      // 仅拦截主框架请求，避免子资源被误重定向
      resourceTypes: ["main_frame"]
    }
  }
];

chrome.declarativeNetRequest.updateDynamicRules({
  removeRuleIds: RULES.map(r => r.id),
  addRules: RULES,
});

关键细节说明 #

• 正则表达式：^https://([^/]+).* 精准捕获https://后到第一个/前的完整域名（如www.amazon.com），.*匹配URL剩余部分，确保规则能触发。
• 捕获组引用：JS字符串中需用\\1表示正则的第一个捕获组（直接写\1会被解析为特殊字符）。
• 移除extensionPath：仅保留regexSubstitution，避免路径覆盖导致哈希参数丢失。
• 资源类型限制：resourceTypes: ["main_frame"]确保只拦截页面主请求，符合重定向到扩展页面的需求。

在扩展页面获取域名 #

在MyPage.html中，可通过以下代码获取追加的域名：

// 移除哈希开头的#，获取匹配到的域名
const matchedDomain = window.location.hash.slice(1);
console.log('匹配到的域名:', matchedDomain);

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