Web前端►Extension►WebExtension

browser.runtime.sendMessage

本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/02/25/browser-runtime-sendMessage/

摘要

本文主要讲述了：

  1. 作用

正文

作用

从 ContentScripts 向background.scripts发消息。

注意：当background.scripts里没有browser.runtime.onMessage()接受消息时，消息发送会报错。

示例：

content_script.js

1
2
3
4
5
6
7
8
9
10
browser.runtime
  .sendMessage({
    msg: 'Hello, world!',
  })
  .then(function (message) {
    console.log(message);
  })
  .catch(function (error) {
    console.log(error);
  });

Chrome

注意：

  1. 这里的回调函数，就是onMessage中的sendResponse
  2. 如果要使用回调函数，必须在onMessage的回调函数中返回true。否则会报错

示例：

content_script.js

1
2
3
4
5
6
7
8
chrome.runtime.sendMessage(
  {
    msg: 'Hello, world!',
  },
  function (response) {
    console.log(response);
  }
);

参考资料

本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/02/25/browser-runtime-sendMessage/

本文对你有帮助？请支持我

支付宝
微信