使用JS在带工具栏的新窗口打开多个标签页（Chrome扩展适用）

直接调用Chrome扩展官方chrome.windows API即可实现需求，创建窗口时使用默认normal类型即可得到带完整工具栏、地址栏、菜单的常规浏览器窗口，传入需要打开的链接数组即可将所有链接加载为该窗口下的独立标签页。

前置配置（Manifest V3版本） #

在扩展的manifest.json中添加基础配置即可，无需额外高权限：

{
  "manifest_version": 3,
  "name": "批量链接打开工具",
  "version": "1.0",
  "action": {},
  "background": {
    "service_worker": "background.js"
  }
}

功能实现代码 #

示例代码可直接放入background.js或者扩展的页面逻辑中：

// 替换为你需要批量打开的链接数组
const targetUrls = [
  "https://www.example1.com",
  "https://www.example2.com",
  "https://www.example3.com"
];

// 创建带完整功能的新窗口，所有链接在该窗口中作为标签页打开
chrome.windows.create({
  url: targetUrls,
  state: "maximized" // 可选配置，设置窗口默认最大化，不需要可删除该行
}, (newWindow) => {
  // 可选：窗口创建完成后的回调逻辑
  console.log("新窗口创建成功，窗口ID：", newWindow.id);
});

效果说明 #

• ❌ 需规避的错误实现：如果调用chrome.windows.create时设置了type: "popup"，就会生成无工具栏的小弹窗，和你需要排除的效果一致，不要添加该配置即可。
• ✅ 符合要求的效果：生成完整功能的常规浏览器窗口，所有批量导入的链接都在该窗口内的不同标签页中加载。

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