Chrome扩展报错：无法建立连接，接收端不存在 求助

核心错误原因 #

1. 异步执行顺序错误：chrome.tabs.query 是异步API，你的第二个查询（获取当前标签页）会在第一个查询（获取所有标签页）的回调执行前运行，导致 allTabs 数组为空，循环逻辑根本没触发。
2. 消息发送API使用错误：向内容脚本发送消息应该用 chrome.tabs.sendMessage(tabId, message)，而你用的 chrome.runtime.sendMessage 是用来向扩展内部的其他上下文（如后台脚本、弹窗）发送消息的，无法直接触达内容脚本。

修正后的代码 #

Background.js #

chrome.runtime.onInstalled.addListener(() => {
  chrome.action.onClicked.addListener(() => {
    // 先获取当前窗口所有标签页
    chrome.tabs.query({ currentWindow: true }, function (tabs) {
      const allTabs = tabs.map(tab => ({ id: tab.id }));
      console.log(allTabs);

      // 在第一个查询的回调内获取当前活跃标签页，确保allTabs已填充
      chrome.tabs.query({ active: true, currentWindow: true }, function (activeTabs) {
        const currentTabId = activeTabs[0].id;
        console.log("Current Tab ID: " + currentTabId);

        // 遍历所有标签页发送消息
        allTabs.forEach(tabInfo => {
          const tabId = tabInfo.id;
          const message = {
            greeting: `Hello from background to tab ${tabId}!`
          };

          // 使用chrome.tabs.sendMessage向指定标签页的内容脚本发消息
          chrome.tabs.sendMessage(tabId, message, (response) => {
            // 捕获可能的错误，比如标签页没有内容脚本的情况
            if (chrome.runtime.lastError) {
              console.log(`无法向标签页 ${tabId} 发送消息: ${chrome.runtime.lastError.message}`);
            } else {
              console.log(`消息已发送到标签页 ${tabId}`);
            }
          });
        });
      });
    });
  });
});

Manifest.js（确认配置正确即可） #

{
  "manifest_version": 3,
  "name": "Focus: Pomodoro Timer App",
  "version": "1.0.0",
  "description": "Pomodoro timer which helps you keep focus on your studying!",
  "icons": {
    "48": "48.png",
    "128": "128.png"
  },
  "content_scripts": [
    {
      "matches": ["<all_urls>"],
      "js": ["content.js"]
    }
  ],
  "action": {
    "default_title": "Focus" 
  },
  "background" : { 
    "service_worker": "background.js"
  },
  "permissions": [
    "activeTab",
    "https://*/*",
    "http://*/*",
    "tabs"
  ]
}

Content.js（保持监听逻辑） #

chrome.runtime.onMessage.addListener(function(message, sender, sendResponse) {
  console.log("收到消息:", message.greeting);
  // 可选：发送响应给后台脚本
  sendResponse({ status: "消息已接收" });
});

额外注意事项 #

• 部分特殊页面（如 chrome://extensions、chrome://settings）不会加载内容脚本，即使配置了 <all_urls>，发送消息到这些标签页会报错，属于正常情况，可通过 chrome.runtime.lastError 捕获并处理。
• 测试时请使用普通网页（如 https://example.com），确保内容脚本已正确注入。

内容的提问来源于stack exchange，提问作者Tyler Ewing