在我的Chrome扩展中，内容脚本应该在页面加载时从后台脚本接收消息。但是当我打开一个新标签并输入URL https://example.com时，它没有收到消息。但是，它在页面重新加载时工作。是因为页面是从Chrome：//newtab加载的吗？

// background script
chrome.runtime.onMessage.addListener(function (message, sender) {
  if (message.action === "NOTIFY_CONTENT_SCRIPT_LOADED") {
    console.log(`### ACK content script in page: ${message.pageURL} and tab: ${sender.tab.url}`);

    chrome.tabs.sendMessage(sender.tab.id, { action: "CHANGE_BG" }, () => {
      console.log("### ACK changed BG color of client page");
      // do more stuff
    });
  }
});

// content script
chrome.runtime.onMessage.addListener((message, _, sendResponse) => {
  if (message.action === "CHANGE_BG") {  // <---- This is not received on first page load
    document.body.style.background = "yellow";
    sendResponse();
  }
});

console.log("### Notifying background from page: " + location.href);
chrome.runtime.sendMessage({ action: "NOTIFY_CONTENT_SCRIPT_LOADED", pageURL: location.href });

来自后台脚本的控制台日志：

### ACK content script in page: https://example.com/ and tab: chrome://newtab/

请注意，sender.tab.url是chrome://newtab/而不是https://example.com/。这是间歇性发生的。也就是说，在某些情况下不会发生：

• 当页面重新加载时
• 当浏览器检查窗口已经打开时

我创建了一个具有相同问题的示例扩展：https://github.com/lazyvab/chrome-newtab-issue
编辑：尝试来自评论的建议-
如果有多个消息，不要使用sendMessage，而是切换到chrome. runtime. connect。

// content script
const bgPort = chrome.runtime.connect();
bgPort.onMessage.addListener((msg) => {
  console.log("### Received BG msg", msg);
});

// background script
chrome.runtime.onConnect.addListener((port) => {
  port.onDisconnect.addListener((...args) => {
    console.log("### disconnected port on tab", tabId, ...args);
  });

  console.log("### BG: sending ping to tab", tabId);
  port.postMessage({ action: "ping" });
});

我打开https://example.com在新的标签页，这里是结果。
后台页面控制台截图：

内容脚本（页面）控制台截图：

从屏幕截图中可以看出，端口在网站加载后立即断开，后台脚本无法再次使用端口发送消息。