background发消息给content_scripts

最新推荐文章于 2024-06-07 08:43:43 发布

老懒鸟呀

最新推荐文章于 2024-06-07 08:43:43 发布

阅读量1.6k

点赞数

分类专栏： chrome插件

本文链接：https://blog.csdn.net/ysfb_cc/article/details/108908745

版权

chrome插件专栏收录该内容

7 篇文章 0 订阅

订阅专栏

本文详细讲解如何在Chrome扩展中，让background脚本与content_scripts之间进行有效通信，包括消息传递的机制、步骤及示例代码，帮助开发者理解并应用这一关键功能。

摘要由CSDN通过智能技术生成

//background.js

chrome.tabs.query({active: true, currentWindow: true}, function(tabs)
      {
          chrome.tabs.sendMessage(tabs[0].id,{from:'background发出的消息1',to:'content_scripts发出的消息2'}, function(response)
          {
              alert('收到content_scripts回复结果：'+response);
          });
      });


//content_scripts.js
chrome.extension.onMessage.addListener(
    function(request, sender, sendResponse) {
        alert('我收到消息' +  request.from + request.to);
        sendResponse("content_scripts回复处理结果");
    }
);

background 访问 popup 如下（前提是 popup 已经打开）

var views = chrome.extension.getViews({ type: "popup" });
console.log("---views---", views);
if (views.length > 0) {
    console.log(views[0].location.href);
}