Chrome 扩展程序：无法获取向内容脚本发送消息的背景

Question

这是我的清单：

{
    "name": "my-app",
    "version": "0.0.9",
    "manifest_version": 2,
    "description": "my App",
    "content_scripts": [
        {
            "matches": [
                "https://*/*"
            ],
            "js": [
                "js/vendors/jquery-3.3.1.min.js",
                "js/content.js"
            ]
        }
    ],
    "background": {
        "scripts": [
            "js/background.js"
        ]
    }
}

这是我的脚本：

// background.js
chrome.tabs.query({active: true, currentWindow: true}, function(tabs){
    setInterval(() => {
        chrome.tabs.sendMessage(tabs[0].id, 'some-message');
    }, 3000);
});

// content.js
chrome.runtime.onMessage.addListener(function(msg, sender, sendResponse) {
    console.log('in runtime')
    console.log(msg);
});

chrome.extension.onMessage.addListener(function(msg, sender, sendResponse) {
    console.log('in extensions')
    console.log(msg);
});

我从来没有记录过任何东西； 我在这里错过了什么？

Answer 1

将此添加到您的清单中

"permissions": ["tabs"]

另一个问题是 tabs[0].id。 执行此语句后获得的 id 与浏览器中选项卡的实际 id 不匹配。 要使其工作，请在发生某些事件时执行此函数。 我让你的 background.js 在 onUpdated 事件发生时发送消息。

chrome.tabs.onUpdated.addListener(function(id, changeInfo, tab){
    setInterval(()=>{       
        chrome.tabs.sendMessage(id, "hellooo from background");
    },3000);
});

更新您的 chrome 扩展程序，转到一个新页面，这应该开始工作了。