Chrome extension message parssing

最新推荐文章于 2021-12-07 15:17:09 发布

原创最新推荐文章于 2021-12-07 15:17:09 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#chrome #扩展

Programming 专栏收录该内容

22 篇文章

订阅专栏

本文介绍了如何在Chrome扩展程序中使用chrome.runtime.sendMessage及chrome.runtime.onMessage进行消息传递。具体包括从内容脚本发送消息到扩展程序背景页，以及从扩展程序发送消息到内容脚本的方法，并展示了如何设置监听器来处理这些消息。

Send a message from content script:

chrome.runtime.sendMessage({greeting: "hello"}, function(response) {
  console.log(response.farewell);
});

Send a message from an extension to content script:

chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
  chrome.tabs.sendMessage(tabs[0].id, {greeting: "hello"}, function(response) {
    console.log(response.farewell);
  });
});

On the receiving end, you need to set up an runtime.onMessage event listener to handle the message. This looks the same from a content script or extension page.

chrome.runtime.onMessage.addListener(
  function(request, sender, sendResponse) {
    console.log(sender.tab ?
                "from a content script:" + sender.tab.url :
                "from the extension");
    if (request.greeting == "hello")
      sendResponse({farewell: "goodbye"});
  });

APIs

chrome.runtime.onMessage.addListener(function callback)

Fired when a message is sent from either an extension process or a content script.

chrome.runtime.sendMessage(string extensionId, any message, object options, function responseCallback)

Sends a single message to event listeners within your extension or a different extension.
If sending to your extension, the runtime.onMessage event will be fired in each page.
Note that extensions cannot send messages to content scripts using this method. To send messages to content scripts, use tabs.sendMessage.