Firefox网页扩展错误：无法建立连接。接收端不存在。

Question

Firefox网页扩展错误：无法建立连接。接收端不存在。

javascriptfirefoxfirefox-addonfirefox-addon-webextensions

27

我正在尝试从一个后台脚本将一个变量发送到与HTML页面相关联的内容脚本。内容脚本使用从后台脚本收到的变量更新HTML内容。

问题是我遇到了这个错误信息：

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

背景脚本main.js：

var target = "<all_urls>";
function logError(responseDetails) {
  errorTab = responseDetails.tabId;
  console.log("Error tab: "+errorTab);

  errorURL = responseDetails.url;
  console.log("Error URL: "+errorURL);

  //send errorURL variable to content script
  var sending = browser.tabs.sendMessage(errorTab, {url: errorURL})
    .then(response => {
      console.log("Message from the content script:");
      console.log(response.response);
    }).catch(onError);

  //direct to HTML page
  browser.tabs.update(errorTab,{url: "data/error.html"});
}//end function

browser.webRequest.onErrorOccurred.addListener(
  logError,
  {urls: [target],
  types: ["main_frame"]}
);

error.html 的含义是：

<html>
<head>
  <meta charset="UTF-8">
</head>
<body>
  The error received is <span id="error-id"></span>
  <script src="content-script.js"></script>
</body>
</html>

content-script.js文件：

//listen to errorURL from the background script.
browser.runtime.onMessage.addListener(request => {
  console.log("Message from the background script:");
  console.log(request.url);
  return Promise.resolve({response: "url received"});
}); //end onMessage.addListener

//update the HTML <span> tag with the error
document.getElementById("error-id").innerHTML = request.url;

manifest.json：

{
  "manifest_version": 2,
  "name": "test",
  "version": "1.0",
  "background": {
    "scripts": ["main.js"]
  },

  "content_scripts": [
    {
      "matches": ["<all_urls>"],
      "js": ["webextension/data/content-script.js"]
    }
  ],

  "permissions": [
    "<all_urls>",
    "activeTab",
    "tabs",
    "storage",
    "webRequest"
  ]
}

- user6875880

5个回答

12

对于扩展程序开发人员：如果您重新加载扩展程序（作为开发循环的正常部分），它将切断与内容脚本的所有连接。

您必须记得同时重新加载页面，以便内容脚本能够正确地重新监听。

- Offirmo

2

我也遇到了同样的错误。

我的问题和解决方案不同，但我会把它添加在这里以便帮助大家。

在我的情况下，我的content.js脚本最初没有一个browser.runtime.onMessage.addListener()函数（FireFox）。

当我后来将此监听器添加到content.js脚本中时，我没有在FireFox的“about:debugging”页面中重新加载临时扩展程序，因此出现了上述错误。

在“about:debugging”选项卡中单击“重新加载”后，内容脚本接收到了消息。

- russell newton

1

我用如下方式解决了同样的任务：

我正在制作上下文菜单并遇到类似的问题。

browser.contextMenus.onClicked.addListener((info, tab) => {
       if (info.menuItemId === "mymenu") {
       // some code
       browser.tabs.sendMessage(tabs[0].id, {greeting: "Hi from background script"});
       }
        });

我遇到了错误：

无法建立连接。接收端不存在。

我添加了一个函数和一个监听器：

browser.contextMenus.onClicked.addListener((info, tab) => {
       if (info.menuItemId === "mymenu") {
       // some code
       browser.tabs.sendMessage(tabs[0].id, {greeting: "Hi from background script"});
       }
        });
   // -----function and Listener ------
   function connectToContent() {
      browser.tabs.query({ currentWindow: true, active: true
      }).then((tabs) => {
       browser.tabs.sendMessage(tabs[0].id, {greeting: "Activate Tab"});
       });
    }

    browser.tabs.onActivated.addListener(connectToContent);

现在它正在工作。 browser.tabs.onActivated.addListener 执行并保持连接。

- Евгений

0

Firefox 不在 PDF 页面上运行内容脚本这意味着如果扩展程序的后台脚本在 PDF 页面上执行并尝试向内容脚本发送消息，则会出现此错误。

- ted

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Makyen · Accepted Answer

您会收到以下错误：

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

当您尝试与一个未监听消息的内容脚本的选项卡进行通信时，例如使用 tabs.sendMessage() 或 tabs.connect()，就会出现这种错误。这还包括内容脚本不存在于标签页中的情况。

您无法将内容脚本注入到`about:*` URL中

对于您的问题，之所以出现此错误，是因为该标签页中没有注入任何内容脚本。在您尝试发送消息时，在main_frame webRequest.onErrorOccurred事件中，标签页的URL已经是about:neterror?[much more, including the URL where the error occurred]。您无法将内容脚本注入到about:* URL中。因此，该标签页中没有内容脚本监听您的消息。

具体而言，您在manifest.json content_scripts条目中使用了<all_urls>匹配模式，<all_urls> 匹配：

特殊值"<all_urls>"匹配所有支持的协议下的URL：即"http"，"https"，"file"，"ftp"，"app"。

但是它不匹配about:* URL。

有关 Firefox 在main_frame中获取webRequest.onErrorOccurred事件时使用的URL的更多讨论，请参见 "Injecting into navigation error page gets: Error: No window matching {“matchesHost”:[“”]}"。

Firefox网页扩展错误：无法建立连接。接收端不存在。

您无法将内容脚本注入到about:* URL中

您无法将内容脚本注入到`about:*` URL中