Chrome 扩展：端口错误：无法建立连接。接收端不存在。

IT技术 javascript google-chrome google-chrome-extension
2021-01-16 21:43:33

尝试在我的内容脚本和后台脚本之间进行通信时，出现以下错误：

Port error: Could not establish connection. Receiving end does not exist.
Error in event handler for 'undefined': Cannot read property 'message' of undefined       
TypeError: Cannot read property 'message' of undefined

背景.js

function onRequest(request, sender, callbackFunction) {
    console.log("Me (BS) became this Message:" + request.message);
    sendResponse({message: request.message})
};
chrome.extension.onRequest.addListener(onRequest);

流云.js

function contactBackground(nachricht){
    chrome.extension.sendMessage({message: nachricht}, function(response) {
        console.log("The Background Script got the following Message: " + response.message);
    });
}

和我的manifest.json

{
  "name": "InstantWatch - Dev",
  "manifest_version": 2,
  "version": "0.7",
  "permissions": ["tabs", "http://*/", "https://*/"],
  "background": {
    "scripts": ["background.js"]
  },  
  "browser_action": {
    "default_title": "InstantWatch",
    "default_icon" : "icon.ico"
  },
  "content_scripts": [
    {
      "matches": ["http://*/*", "http://*/*"],
      "js": ["jquery.js", "streamcloud.js"]
    }
  ]
}

我找到了添加 background_page: "background.html" 和一个空的 background.html 的解决方案，但是因为由于 manifest_version: 2 不支持 background_page，所以我不能使用它。

2个回答

sendMessage并且onRequest是不兼容。

如果您需要支持Chrome 19 及更早版本，请使用onRequest和sendRequest：

chrome.extension.onRequest.addListener(function(request, sender, sendResponse) {
    // Warning: Chrome 19- [receiver]
});
chrome.extension.sendRequest(message, optional_sendResponse);

对于Chrome 20-25，使用和：chrome.extension.onMessagechrome.extension.sendMessage

chrome.extension.onMessage.addListener(function(request, sender, sendResponse) {
    // Chrome 20+
});
chrome.extension.sendMessage(message, optional_sendResponse);

对于Chrome 26+，使用和。chrome.runtime.onMessagechrome.runtime.sendMessage

注意：从 Chrome 26 开始，仍然支持已弃用的方法，尽管没有记录。如果有机会，请更新您的扩展程序以使用新方法，以确保您的扩展程序将来仍能正常工作。
有关创建与 Chrome 20+ 兼容的代码的答案，请参阅此答案。

代替

chrome.extension.onRequest.addListener(onRequest);

利用

chrome.extension.onMessage.addListener(onRequest);

由于您使用的是 sendMessage 而不是 sendRequest。

新版 Chrome 更新了消息解析。sendRequest 和 onRequest 正在被弃用。建议使用 sendMessage 和 onMessage。

请参阅文档以了解Content Script 和 Background 之间的消息解析。

这适用于 Chrome 20-25。在 Chrome 26 中，API 再次发生了变化。请参阅Rob W 对这个问题的回答以及peterthinking 对类似问题的回答。
2021-04-04 21:43:33
其它你可能感兴趣的问题
上一篇在外部 Javascript 中使用 Python Flask 传递参数 下一篇Google Maps API - 获取最接近邮政编码的点