javascript - 如何创建 chrome(扩展)webRequest 监听器？

Question

我正在尝试创建一个 chrome (extension) webRequest listener 。但是，无论我如何尝试，我都无法访问 chrome.webRequest 对象 - 我的程序因 Uncaught TypeError: Cannot read property 'onCompleted' of undefined 而崩溃。另外，在命令行上调试显示 chrome.webRequest 不存在。

我怀疑我在权限方面做错了，因为我没有看到许多其他 stackoverflow 问题或具有相同问题的 chrome 错误报告。

这是我的ma​​nifest.json

{
    "manifest_version": 2,

    "name": "my extension",
    "description": "my extension description",
    "version": "1.0",

    "permissions": [
        "activeTab",
        "webRequest",
        "webRequestBlocking",
        "https://<myextension>.com/*",
    ],

    "page_action": {
        "default_icon": {                    // optional
            "19": "myextension.png",           // optional
            "38": "myextension.png"            // optional
        }
    },

    "content_scripts": [
        {
            "matches": ["https://<myextension>.com/*"],
            "css": ["myextension.css"],
            "js": ["jquery.js", "myextension.js"]
        }
    ]
}

这是我的myextension.js

var myfilter = {
    urls: ['https://myextension.com/*']
}

function mycallback(){
    console.log('received request response');
}

chrome.webRequest.onCompleted.addListener(mycallback, myfilter);

知道我可能做错了什么吗？我正在运行 OSX 10.10.2 和 chrome 40.0.2214.94。

Answer 1

大多数 Chrome API 无法在 Content Scripts 中使用，包括webRequest:

However, content scripts have some limitations. They cannot:

Use chrome.* APIs, with the exception of:

• extension ( getURL , inIncognitoContext , lastError , onRequest , sendRequest )
• i18n
• runtime ( connect , getManifest , getURL , id , onConnect , onMessage , sendMessage )
• storage

您需要在后台页面处理此事件，并使用 Messaging 与上下文脚本进行通信。 .