javascript - 修改 onHeadersReceived 上的 header

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 生成) .