Chrome 发送消息和监听器不工作答案

【问题标题】：Chrome Send Message and Listener Not WorkingChrome 发送消息和监听器不工作
【发布时间】：2021-04-09 06:19:14
【问题描述】：

我见过很多类似的问题，但没有一个能解决我的问题。我有一个页面正在运行，它有一个特定的 div，每 5 秒更改一次。我的 popup.js 脚本中有一个函数，它联系我的 contentscript.js 并询问该 div 的值。我遇到了一个奇怪的问题，我的 localhost 服务器上的内容脚本的结果完全正常，但是在我的域上托管的同一个 html 上运行它会抛出 Unchecked runtime.lastError: Could not建立连接.接收端不存在，导致未定义值。我知道人们说他们有解决方案，比如禁用其他扩展，但这不是一个可行的解决方案，因为我计划发布这个扩展并且不能强迫用户这样做才能让它工作。我知道托管在 AWS 上的域工作得很好，因为我可以在网站上工作并通过 Postman 等对其进行 api 调用。

popup.js

var currentNumber = 1000;
var lastUpdated = 1000;
chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
            chrome.tabs.sendMessage(tabs[0].id, {method: "getNumber"}, function(response) {
                currentNumber = response.current;
                lastUpdated = response.lastUp;
            });

contentscript.js

chrome.runtime.onMessageExternal.addListener(
    function(request, sender, sendResponse) {
        if (request.method == "getNumber") {
            var currentNumber = document.getElementById("1MainPart_lbUsersInLineAheadOfYou").innerText;
            var lastUpdated = document.getElementById("MainPart_lbLastUpdateTimeText").innerText;
            sendResponse({current: currentNumber, lastUp : lastUpdated})
            return true;
        }
        return true;
});

manifest.json

{
  "manifest_version": 2,
 
  "name": "Extension",
  "version": "0.1.0",

  "permissions": [
    "activeTab",
    "tabs", 
    "storage",
    "http://localhost/*", 
    "*Link to my domain*"
  ],

  "content_scripts": [{
    "js": ["contentscript.js"],
    "matches": ["http://localhost/*", "*Link to my domain*"]
  }],

  "externally_connectable": {
    "ids": [*inserted id*],
    "matches": ["*Link to my domain*"],
    "accepts_tls_channel_id": false
  },

  "background" : {
    "scripts" : ["backgroundscript.js"]
  },

  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  }
}

【问题讨论】：

标签： javascript html google-chrome google-chrome-extension

【解决方案1】：

根据下面的文档...

https://developer.chrome.com/docs/extensions/reference/runtime/#event-onMessageExternal

上面写着……

onMessageExternal

runtime.onMessageExternal.addListener(listener: function)

从另一个扩展程序/应用程序发送消息时触发（通过发信息）。 不能在内容脚本中使用。

这样就只剩下后台脚本了。

【讨论】：

我不确定它是如何与我的本地主机服务器一起工作的。我可以尝试创建一个后台脚本并将代码放入其中并运行它。
它不能在内容脚本中工作，所以如果它适合您，那么该脚本实际上不是内容脚本。例如，您可能在 popup.js 或 backgroundscript.js 中加载 contentscript.js，在这种情况下，它不会是内容脚本，而只是普通的扩展脚本。
我将 contentscript.js 更改为 manifest.json 中的后台脚本，但是它仍然无法在我的服务器上运行。它仍然只适用于我的本地主机服务器。