我是Chrome扩展程序的新手，当然我坚持每一步，但这特别难。也许这是一个愚蠢的错误，但这就是我想要做的事情：
从内容脚本向背景页面发送一条简单的消息，并将其作为变量处理。所以我在我的内容脚本中有这个：
$(document).ready(function() {
var d = document.domain;
chrome.extension.sendMessage({dom: d});
});
在我的后台脚本中：
chrome.extension.onMessage.addListener(function(request) {
alert(request.dom);
});
所以，警报工作正常。但它“流向”我正在浏览的页面而不是HTML扩展，这意味着，当点击我的扩展按钮时，它将显示为在页面加载时编码到内容脚本中。
请，任何帮助将不胜感激。
答案 0 :(得分：16)
我的演示扩展如下
档案＆amp;角色
a） manifest.json (Documentation)
b） myscript.js （内容脚本见Documentation）
c） background.js （背景HTML文件见Documentation）
d） popup.html （浏览器操作弹出式参见Documentation）
e） popup.js （来自背景页面的修改后的值的接收者）
<强> 的manifest.json
注册所有要显示的文件（Viz背景，弹出窗口，内容脚本）并具有权限
{
"name":"Communication Demo",
"description":"This demonstrates modes of communication",
"manifest_version":2,
"version":"1",
"permissions":["<all_urls>"],
"background":{
"scripts":["background.js"]
},
"content_scripts": [
{
"matches": ["<all_urls>"],
"js": ["myscript.js"]
}
],
"browser_action":{
"default_icon":"screen.png",
"default_popup":"popup.html"
}
}
myscript.js
使用sendMessage() API与后台页面进行通信
var d = document.domain;
chrome.extension.sendMessage({
dom: d
});
<强> background.js
使用onMessage()和onConnect()听众添加了内容和popup.js的事件监听器
var modifiedDom;
chrome.extension.onMessage.addListener(function (request) {
modifiedDom = request.dom + "Trivial Info Appending";
});
chrome.extension.onConnect.addListener(function (port) {
port.onMessage.addListener(function (message) {
if (message == "Request Modified Value") {
port.postMessage(modifiedDom);
}
});
});
<强> popup.html
示例浏览器操作HTML页面注册popup.js以避免Inline Scripting
<!doctype html>
<html>
<head>
<script src="popup.js"></script>
</head>
<body></body>
</html>
<强> popup.js
使用Port\Long Lived Connection与后台页面进行通信以获取结果
var port = chrome.extension.connect({
name: "Sample Communication"
});
port.postMessage("Request Modified Value");
port.onMessage.addListener(function (msg) {
console.log("Modified Value recieved is " + msg);
});
希望这有帮助，如果您需要更多信息，请告诉我