2

免费的.js

chrome.tabs.create({url: "http://www.google.com", "active":true}, function(tab) {
console.log(tab.id);// 315
chrome.tabs.sendMessage(tab.id, {greeting: "hello"}, function(response) {
console.log(response.farewell);
});
});

内容脚本.js

chrome.runtime.onMessage.addListener(
  function(request, sender, sendResponse) {
    console.log(sender.tab ?
                "from a content script:" + sender.tab.url :
                "from the extension");
    if (request.greeting == "hello")
      sendResponse({farewell: "goodbye"});
  });
});

日志:

Port: Could not establish connection. Receiving end does not exist. 

如何解决?

4

1 回答 1

3

此错误似乎正在发生,因为当您的后台脚本发送消息时,内容脚本尚未注入页面。因此,“接收端不存在”。

我假设(因为我没有超过 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;
    }
}

随时提出更多问题以进行澄清!我很想知道第一种方法是否有效。如果没有,第二种方法肯定会赢。

于 2013-08-19T21:16:12.980 回答