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"]

另一个问题是制表符[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扩展程序，转到新页面，这应该可以开始工作。

Chrome扩展程序：无法获取背景以将sendMessage发送到内容脚本

1 个答案: