chrome.webRequest 报出 undefined 的错误

Question

注：当前chrome浏览器版本为 54.0.2840.99 (64-bit)

目的：

开发CRX（chrome浏览器插件），能够修改页面所有的请求头

---

现状

已经按照百度上找到的 chrome.webRequest 相关教程进行操作

在 manifest.json 中配置了权限 permissions 使用 webRequest

{    "manifest_version": 2,    "name": "ChormeHeaderChange",    "version": "1.0.0",    "description": "ChormeHeaderChange",   
 "author": "CX",    "content_scripts": [
        {            "matches": ["http://www.公司内部后台地址不方便透露.com/*"],            "js": [              
         "jquery-2.1.1.min.js",                "code.js"
            ],            "run_at": "document_end"
        }
    ],    "permissions": ["*://*/*", "webRequest", "webRequestBlocking"],    "web_accessible_resources": []
}

在 code.js 中进行改 header 的操作

/* 这里有些改header的操作

chrome.webRequest.onBeforeSendHeaders.........

*/console.log(chrome);console.log(chrome.webRequest);console.log(chrome.webRequestBlocking);

然后通过chrome浏览器的扩展程序的开发者模式进行CRX文件的打包和安装并测试，然后发现报错说 undefined ，所以我直接打印 chrome.webRequest 看看是什么，结果是undefined。

那要怎么配置 manifest.json 或者怎么改代码才能使用 chrome.webRequest 呢？

Answer 1

原来 chrome.webRequest 只能在 background 中运行{    "manifest_version": 2,    "name": "ChormeHeaderChange",    "version": "1.0.0",    "description": "ChormeHeaderChange",    "author": "CX",    "background": {        "scripts": ["code.js"]    },    "permissions": ["*://*/*", "webRequest", "webRequestBlocking"],    "web_accessible_resources": []}这个很关键 :"background": {"scripts": ["code.js"]}