javascript - 在 onHeadersReceived 上修改标题

Question

在我的 chrome 扩展程序中，我需要在浏览的每个站点的标题中添加一行。在 background.js 文件中，我添加了这样的代码:

var responseListener = function(details){
    var rule = {
        "name": "Access-Control-Allow-Origin",
        "value": "*"
    };
    details.responseHeaders.push(rule);
    return {responseHeaders: details.responseHeaders};
};

 chrome.webRequest.onHeadersReceived.addListener(responseListener,
     {urls: [   "*://*/*" ] },
     ["blocking", "responseHeaders"]);

在调试处理程序时，新添加的 header 会成功通过我在堆栈上层找到的任何过滤器。但它不会出现在网络选项卡的响应 header 部分，也不会影响任何代码。我使用这些权限:

"tabs","<all_urls>", "http://*/*" ,"webRequest","webRequestBlocking", "webNavigation"

是否有新政策或 API 更改不允许执行此类操作，或者我的 10 行代码中是否存在错误？

Answer 1

Chrome 开发者工具的网络选项卡不显示来自扩展的修改。参见 https://crbug.com/258064

如果您想查看您的扩展程序是否已成功修改请求，请访问 chrome://net-internals/#events，点击 URL_REQUEST 类型的请求并查找 URL_REQUEST_DELEGATE 条目，例如URL_REQUEST_FAKE_RESPONSE_HEADERS_CREATED(这是通过 chrome.declarativeWebRequest API 生成的日志条目示例)或 "delegate_info = "extension [extension name]"(由 chrome.webRequest 生成) .