chrome扩展程序开发-扩展程序与内容脚本之间的消息传递

chrome扩展程序的开发中，有两块程序代码，一是扩展程序代码，二是嵌入到网页的内容脚本代码。他们之间如何进行消息传递呢？

1. 内容脚本向扩展程序中的事件监听器发送一条消息:

   chrome.runtime.sendMessage(
     extensionId?: string,
     message: any,
     options?: object,
     callback?: function,
   )
   参考：https://developer.chrome.google.cn/docs/extensions/reference/api/runtime?hl=zh-cn&authuser=0#method-sendMessage

   扩展程序监听消息：

   chrome.runtime.onMessage.addListener(
     callback: function,
   )

   参考：https://developer.chrome.google.cn/docs/extensions/reference/api/runtime?hl=zh-cn&authuser=0#event-onMessage

2. 扩展程序向内容脚本发送消息：

   chrome.tabs.sendMessage(
     tabId: number,
     message: any,
     options?: object,
     callback?: function,
   )
   // tabId即指定的标签页ID，向指定标签页中的 content 脚本发送一条消息，并在发回响应时运行一个可选回调。在当前扩展程序的指定标签页中运行的每个内容脚本都会触发 runtime.onMessage 事件。

   参考：https://developer.chrome.google.cn/docs/extensions/reference/api/tabs?authuser=0&hl=zh-cn#method-sendMessage

内容脚本监听消息：

chrome.runtime.onMessage.addListener(
  callback: function,
)

https://developer.chrome.google.cn/docs/extensions/reference/api/runtime?authuser=0&hl=zh-cn#event-onMessage

---

书山有路勤为径，学海无涯苦作舟。

欢迎关注微信公众号：【乐知付加密平台】，您的网络资源可变现

一起学习，一起进步。