Chrome扩展开发：如何在新窗口内多标签打开搜索链接

架构老林

2026-8-3

解决方案：在Chrome扩展中指定窗口打开标签页

核心思路是：先创建包含第一个链接的新窗口，获取该窗口的ID后，在后续创建标签页时明确指定这个ID，就能让剩余链接在新窗口内以标签页形式打开。

代码实现示例

假设你的扩展有一个弹窗页面（popup.html），里面有一个id为openLinksBtn的按钮，对应的逻辑可以写在popup.js中：

// 定义你的谷歌搜索链接数组
const searchLinks = [
  'https://www.google.com.br/search?q=test',
  'https://www.google.com.br/search?q=test2',
  'https://www.google.com.br/search?q=test3'
];

// 绑定按钮点击事件
document.getElementById('openLinksBtn').addEventListener('click', () => {
  if (searchLinks.length === 0) return;

  // 用第一个链接创建新窗口
  chrome.windows.create({ url: searchLinks[0], type: 'normal' }, (newWindow) => {
    // 遍历剩余链接，在新窗口内创建标签页
    for (let i = 1; i < searchLinks.length; i++) {
      chrome.tabs.create({
        url: searchLinks[i],
        windowId: newWindow.id, // 关键：指定新窗口的ID，确保标签页在该窗口内打开
        active: false // 可选：设置为false则保持第一个标签页处于活跃状态
      });
    }
  });
});

权限配置

需要在扩展的manifest.json中声明必要的权限：

{
  "manifest_version": 3,
  "name": "你的扩展名称",
  "version": "1.0",
  "permissions": ["tabs", "windows"],
  "action": {
    "default_popup": "popup.html"
  }
}