google-chrome - Chrome 扩展 - 消息传递

Question

我正在尝试获取选项页面上设置的信息以更改我的扩展程序的行为。

基本上，如果 OptionsPage 上的复选框设置为 true，则扩展程序运行，否则不运行。出于测试目的，我在 background.html 上返回 true，但它仍然不起作用。

你们能帮帮我吗？谢谢！

注入页面的代码：

if(chrome.extension.sendRequest() == 'true')
    alert("checkbox set to true");
else
    alert("it is disabled");

背景.html

<script>
chrome.extension.onRequest.addListener(function(){
    return true;
    }
</script>

Answer 1

如果你有一个选项页面并且你想与后台页面通信，你可以简单地做，chrome.extension.getBackgroundPage()

与后台页面通信的选项页面

---

选项.html

var bkg = chrome.extension.getBackgroundPage()
bkg.startExtension();
bkg.stopExtension();

背景.html

function startExtension() {
  console.log('Starting Extension');
}

function stopExtension() {
  console.log('Stopping Extension');
}

与后台页面通信的内容脚本

---

当您提到“将代码注入页面”时，是指任何网站吗？如果是这样，您将需要使用带有Message Passing的内容脚本。为此，您可以这样做。

content_script.js

chrome.extension.sendRequest({action:'start'}, function(response) {
  console.log('Start action sent');  
});

背景.html

function onRequest(request, sender, sendResponse) {
 if (request.action == 'start')
   startExtension()
 else if (request.action == 'stop')
   stopExtension()

 sendResponse({});
};
chrome.extension.onRequest.addListener(onRequest);

无论如何，消息传递对于任何进入扩展的人来说都是一本好书。