chrome扩展通信

Addmana

于 2016-05-19 21:53:08 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： chrome 文章标签： chrome 扩展

本文链接：https://blog.youkuaiyun.com/Addmana/article/details/51457445

chrome 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了Chrome浏览器扩展中不同组件间的通信机制，包括popup与background页面之间的消息传递方式及其实现代码示例。同时，文章也提及了content脚本与popup、background间通信的建议。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

chrome扩展通信

popup与background通信

popup.js

chrome.runtime.sendMessage('Hello', function(response){
    document.write(response);
});

background.js

chrome.runtime.onMessage.addListener(function(message, sender, sendResponse){
    if(message == 'Hello'){
        sendResponse('Hello from background.');
    }
});

实际上：
background.js

function co(){
    alert("hello");
}

popup.js

var bg = chrome.extension.getBackgroundPage();
bg.co();

content与popup间通信

不建议。

content与background间通信

不提。