Chrome 扩展后台失败？答案

【问题标题】：Chrome extension background fail?Chrome 扩展后台失败？
【发布时间】：2021-06-16 09:07:05
【问题描述】：

所以我一直在尝试在 google chrome 上进行扩展，但在后台工作人员中一直失败。

这是错误： Error

这是我的 background.js 代码：

chrome.extension.onConnect.addListener(function(port) {
  console.log("Connected .....");
  port.onMessage.addListener(function(msg) {
       console.log("message recieved" + msg);
       port.postMessage("Hi Popup.js");
  });
})

这里是 popup.html：

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <input placeholder="Button name" id="bName"></input>
    <input placeholder="Button URL" id="urlName"></input>
    <hr>
    <button id="addbutton">Add button</button>
    <script src="script.js"></script>
  </body>
</html>

这里是 script.js：

var port = chrome.extension.connect({
    name: "Sample Communication"
});
port.postMessage("Hi BackGround");
port.onMessage.addListener(function(msg) {
    console.log("message recieved" + msg);
});

【问题讨论】：

试试manifest_version: 2看看代码有没有错误
@p2pdops 尝试过，但后来得到了'action' requires manifest version of at least 3. 和'scripting' requires manifest version of at least 3.。
您正在使用 ancient 方法：MV3 中的chrome.extension 不再包含connect 和onConnect。请改用chrome.runtime。
那么完整的代码会是什么样子？ @wOxxOm
用chrome.runtime替换所有chrome.extension。

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

【解决方案1】：

将所有chrome.extension 替换为chrome.runtime。 - xOxxOm

【讨论】：