腾讯|Chrome插件开发消息通信popup和后台之间的通信

腾讯|Chrome插件开发消息通信popup和后台之间的通信

文章图片

腾讯|Chrome插件开发消息通信popup和后台之间的通信

文章图片

腾讯|Chrome插件开发消息通信popup和后台之间的通信

文章图片


如果想要从popup页面和插件后台之间通信非常简单 , Chrome的api中给我们提供了两个函数
chrome.extension.getViews 给popup发送消息


chrome.extension.getBackgroundPage 直接调用后台的函数同时也可以传递消息


background设置一个函数

这个函数主要是打印出popup调用时返回的参数获取当前运行的视图并获取当前激活的网页执行alert(1)再使用chrome.extension.getViews传递消息给popup页面 。

popup.js设置

上面说道主要chrome.extension.getBackgroundPage来直接调用background的方法同时还能传递参数 , 我们吧popup添加一个id为bg的按钮 , 然后把onclick事件绑定上 。
实际效果

【腾讯|Chrome插件开发消息通信popup和后台之间的通信】点击popup界面的按钮会依次调用background的backfun函数 , 最后还会在popup的检查页面打印1