通过 declarativeNetRequest + extensionPath 重定向时获取原始 URL

我需要在导航时但在用户从使用设置的规则重定向之前获取 chrome 选项卡的 urldeclarativeNetRequest.

目前，用户可以使用上下文菜单添加规则，当尝试访问过滤的主机时，它将被重定向到内部扩展页面。

chrome.contextMenus.onClicked.addListener( ( clickData) => {
    switch (clickData.menuItemId) {
        case 'blockHost':
            blockHost(clickData)
            console.log('Added host')
            break;
        case 'unblockHost':
            unblockHost(clickData)
            chrome.declarativeNetRequest.getDynamicRules( rules => console.log(rules) )
            console.log('Removed host')           
            break;
    }
})

const blockHost = async (clickData) => {
    let hostname = new URL(clickData.pageUrl).hostname
    console.log(hostname)
    let rules = await chrome.declarativeNetRequest.getDynamicRules()    
    console.log(rules.length, rules)
    let newRule = await chrome.declarativeNetRequest.updateDynamicRules({
                addRules: [{
                    id: rules.length + 1,
                    action: {type: 'redirect', redirect: {extensionPath: '/forbidden.html'}},
                    condition: {urlFilter: `${hostname}/`, resourceTypes: ['main_frame', 'sub_frame']}
                }]
            });
    console.log(newRule)
    let updatedRules = await chrome.declarativeNetRequest.getDynamicRules()
    console.log('blockedhost executed', updatedRules)
}

由于用户被重定向，我目前无法删除某个网址。我的想法是在重定向发生之前获取 url，但是我该如何做到这一点呢？

使用 regexFilter + 替换将原始 URL 附加到扩展页面 URL：

const EXT_PAGE = chrome.runtime.getURL('/forbidden.html');
const RULES = [{
  id: 1,
  action: {
    type: 'redirect',
    redirect: { regexSubstitution: EXT_PAGE + '#\\0' },
  },
  condition: {
    requestDomains: ['example.com'], // remove this line to match all sites
    regexFilter: '^.+$',
    resourceTypes: ['main_frame', 'sub_frame'],
  },
}];
chrome.declarativeNetRequest.updateDynamicRules({
  removeRuleIds: RULES.map(r => r.id),
  addRules: RULES,
});

现在您的扩展页面 (forbidden.html) 可以读取以下 URL：

const origUrl = location.hash.slice(1);

您还可以在地址栏中隐藏原始 URL：

history.replaceState(document.title, null, location.href.split('#')[0]);

希望有更好的解决方案，如果https://crbug.com/1241397 https://crbug.com/1241397已实施。