Chrome扩展程序-将消息从内容脚本发送到弹出窗口

时间:2019-09-09 15:19:00

标签: javascript google-chrome google-chrome-extension

我只是想问你是否可以将消息从内容脚本发送到弹出脚本。反之亦然-从弹出窗口到内容:

popup.js

let counter = 0;

let userInput = document.getElementById("userInput").addEventListener("click", () => {
    counter++

    let params = {
        active: true,
        currentWindow: true
    }

    chrome.tabs.query(params, gotTabs);

    function gotTabs(tabs) {
        chrome.tabs.sendMessage(tabs[0].id, counter)
    }
});

content.js

chrome.runtime.onMessage.addListener(gotMessage);

function gotMessage(message) {
    console.log(message)
}

index.html

<!DOCTYPE html>
<html>
    <body>
        <h2>Hello there!</h2>
        <button id="userInput">Click me!</button>
    </body>
    <script src="popup.js"></script>
</html>

我的问题是,如果可能的话,如何从内容脚本向弹出脚本发送消息,因为当我切换这些文件时,出现类似以下错误:

content.js:14未捕获的TypeError:无法读取未定义的属性“查询”     在HTMLDocument.myClickHandler

感谢您的帮助。

0 个答案:

没有答案