google-chrome-extension - 从网页向 chrome 扩展程序发送消息

Question

我想从随机网页的控制台发送消息到我的 Chrome 扩展程序。chrome.extension.sendMessage 似乎不起作用。

Answer 1

根据the official docs你应该使用postMessage在发件人中和 message接收器中的事件监听器。

这是一个例子:

您网站的 page.html

var data = { type: "FROM_PAGE", text: "Hello from the webpage!" };
window.postMessage(data, "*");

内容脚本:(使用 chrome.tabs.executeScript(tabid, {code:...) 注入(inject))

window.addEventListener("message", function(event) {
    // We only accept messages from ourselves
    if (event.source != window)
        return;

    if (event.data.type && (event.data.type == "FROM_PAGE")) {
        console.log("Content script received message: " + event.data.text);
    }
});

此处 page.html (不是扩展程序的一部分)向自身发布消息，这些消息由内容脚本拦截和检查。通过类似的方式可以实现相反的效果。

要从内容脚本传递到扩展，您必须使用 one of the available message-passing techniques .

它看起来很复杂，而且有点复杂，但所有这些胡言乱语都是非常安全的。