谷歌浏览器如何导出带有层级结构的标签页组？

你是不是也遇到过这样的场景？Chrome浏览器里费心整理了一堆标签页分组，想备份或迁移到其他设备，却发现原生功能压根不支持导出分组数据。确实，Chrome的标签页分组管理虽然好用，但导出这个操作被藏得很深——必须借助开发者工具，通过脚本直接调用内部API才能取到结构信息。更麻烦的是，导出的数据不含URL地址，还需要同步抓取标签页的真实链接。下面就来一步步拆解，如何把当前窗口的分组结构（含名称、颜色、折叠状态及成员URL）完整导出，并给出跨窗口批量操作的两种方案。

具体来说，当你需要将谷歌浏览器内已经分好组的标签页完整存档时，Chrome原生界面并不提供任何导出功能。唯一的出路就是绕过UI限制，通过开发者工具执行脚本，直接读取浏览器内部Tab Group API暴露的数据。下面分步骤说明。

提取当前窗口标签页组结构（含名称、颜色、成员URL）

这一步直接调用了Chrome内部的Tab Group API，能精准抓取每个分组的标题、色值、折叠状态以及所含标签页的ID。但有一点需要提前说明：脚本仅作用于当前活动窗口，其他窗口的分组不会被包含进来。

1. 确保目标窗口处于激活状态，按 F12 打开开发者工具 → 切换到 Console（控制台）标签页。

2. 将下面这段代码粘贴到控制台，然后按回车执行：

const groups = await chrome.tabGroups.query({}); const result = groups.map(g => ({id: g.id, title: g.title, color: g.color, collapsed: g.collapsed, tabIds: g.tabIds})); console.log(JSON.stringify(result, null, 2));

3. 控制台会输出一个JSON数组，每一项对应一个分组，包含 title（名称）、color（颜色代码，比如 "blue"）、tabIds（标签页ID列表）等字段。复制整段JSON内容。

4. 新建一个文本文件，把JSON粘贴进去，保存为 【tabgroups_export_日期.json】，后缀必须是 .json。

还原分组时需注意的关键前提

导出的JSON本身并不包含网址信息，里面只有 tabIds——而这些ID在浏览器重启后就会失效，相当于“空壳”。所以必须同步获取URL映射。

1. 在上一步完成后，立即在同一个Console中运行下面的代码：

const tabs = await chrome.tabs.query({windowId: window.id}); const urlMap = {}; tabs.forEach(t => { if (t.id) urlMap[t.id] = t.url; }); console.log(JSON.stringify(urlMap, null, 2));

2. 复制输出的JSON，另存为 【tab_urls_日期.json】。两个文件必须成对保存，缺一不可。如果跳过这一步，后续只能重建空分组，无法还原具体的网页。

3. 简单来说，tabgroups_export_日期.json 负责分组结构，tab_urls_日期.json 负责每个标签页的URL。还原时两者缺一不可。

批量导出全部窗口的分组结构（含跨窗口）

如果你有多个Chrome窗口，每个窗口里都有分组，那就需要遍历所有窗口逐一提取。注意：这个操作不可逆，中途关闭某个窗口的话，它的分组数据就丢了。有两种实现方式。

方法一：手动切换 + 重复执行

① 激活第一个窗口 → 执行第一步的脚本 → 保存JSON → 切换到第二个窗口 → 再次执行 → 以此类推。这个过程比较繁琐，但不需要安装任何扩展。

方法二：一键导出全部（需启用 chrome.tabGroups 权限）

1. 访问 chrome://extensions → 开启右上角“开发者模式” → 点击“加载已解压的扩展程序”。

2. 准备一个简单的扩展包，包含 manifest.json 和 background.js 两个文件（内容见下方），选择该文件夹加载。

3. 扩展加载成功后，在任意页面按 Ctrl+Shift+P（Mac 是 Cmd+Shift+P）→ 输入“Export All Tab Groups” → 回车运行。

4. 导出文件会自动保存到下载目录，文件名为 all_windows_tabgroups_时间戳.json。

manifest.json 内容（复制保存为同名文件）：

{"manifest_version":3,"name":"Tab Group Exporter","permissions":["tabGroups","tabs"],"background":{"service_worker":"background.js"}}

background.js 内容（复制保存为同名文件）：

chrome.commands.onCommand.addListener(async (command) => { if (command === "export-all") { const windows = await chrome.windows.getAll({populate: true}); const result = []; for (const win of windows) { const groups = await chrome.tabGroups.query({windowId: win.id}); groups.forEach(g => result.push({...g, windowId: win.id})); } const blob = new Blob([JSON.stringify(result, null, 2)], {type: "application/json"}); chrome.downloads.download({url: URL.createObjectURL(blob), filename: `all_windows_tabgroups_${Date.now()}.json`}); }}); chrome.commands.create({name: "export-all", description: "Export all tab groups from all windows"});