如何替换/设置响应标头（Chrome扩展程序）

Question

我试图更改Chrome标头。我尝试了两种方法

1) use chrome extensions
2) Write my own extension

1）我已安装Requestly并添加了规则

现在，如果我加载，例如，facebook.com并打开开发工具，我就不会看到此响应标题

我不知道为什么这样做不起作用。我假设Requestly中的规则集适用于所有选项卡。

2）这种方法受到this帖子的启发。因此，我使用以下代码创建了扩展：

function updateHeaders() {
    chrome.webRequest.onHeadersReceived.addListener(function(details){
        for(var i = 0; i < details.responseHeaders.length; ++i)
            if(details.responseHeaders[i].name.toLowerCase() == 'server')
                details.responseHeaders[i].value = 'barfoo';
        return {responseHeaders:details.responseHeaders};
    }, {urls: ['*://*']}, ['blocking', 'responseHeaders']);
}

document.addEventListener('DOMContentLoaded', updateHeaders());

的manifest.json

{
    "manifest_version": 2,

    "name": "Getting started example",
    "description": "Replace the server header",
    "version": "1.0",

    "browser_action": {
        "default_icon": "icon.png",
        "default_popup": "popup.html",
        "default_title": "Click here!"
   },
    "permissions": [
        "webRequest"
    ]
}

哪个也不起作用

我必须承认我没有构建Chrome扩展程序的经验，所以我在这里尝试的变化非常大，所以任何帮助都会受到赞赏！