此错误似乎正在发生,因为当您的后台脚本发送消息时,内容脚本尚未注入页面。因此,“接收端不存在”。
我假设(因为我没有超过 50 个代表能够对您的问题发表评论并首先澄清这一点,所以如果我错了,请纠正我)在您的 manifest.json 文件中,您在下面指定它方法:
"content_scripts": [{
"matches": ["*://xyz.com/*"],
"js": ["contentscript.js"]
}]
如果这确实是您注入内容脚本的方式,那么您需要知道内容脚本仅在 DOM 完成渲染后才被注入。(在以下链接中搜索“run_at”:http: //developer.chrome.com/extensions/content_scripts.html)这意味着当您从后台脚本发送该消息时,内容脚本仍在“加载”中。
好消息是,您可以通过向 manifest.json 文件中的 content_scripts 参数添加第三个键值对来指定何时加载内容脚本,如下所示:
"content_scripts": [{
"matches": ["*://xyz.com/*"],
"js": ["contentscript.js"],
"run_at": "document_start"
}]
这告诉扩展你想在构建 DOM 或运行任何其他脚本之前注入 contentscript.js(即尽可能早)。
如果上述技术仍然给您同样的错误,这表明即使 document_start 还不够早。在这种情况下,让我们完全考虑另一种方法。您目前尝试做的是让后台脚本连接到内容脚本。为什么不将内容脚本连接到后台脚本,而是将其成功注入页面?后台页面一直在运行,所以保证能够收到内容脚本的消息,不会报“接收端不存在”。以下是您的操作方法:
在 background.js 中:
chrome.runtime.onConnect.addListener(function(port) {
console.log("background: received connection request from
content script on port " + port);
port.onMessage.addListener(function(msg) {
console.log("background: received message '" + msg.action + "'");
switch (msg.action) {
case 'init':
console.log("background script received init request
from content script");
port.postMessage({action: msg.action});
break;
}
});
});
在 contentscript.js 中:
var port_to_bg = chrome.runtime.connect({name: "content_to_bg"});
port_to_bg.postMessage({action: 'init'});
port_to_bg.onMessage.addListener(function(msg) {
switch (msg.action) {
case 'init':
console.log("connection established with background page!");
break;
}
}
随时提出更多问题以进行澄清!我很想知道第一种方法是否有效。如果没有,第二种方法肯定会赢。