Sidearc

简体中文 | English | 主页

把标签页放到侧边栏:垂直排列,支持子标签和空间,常用的固定在顶部。

Arc 风格的 Chrome 侧边标签栏。基于 Manifest V3 和 chrome.sidePanel,纯原生 JS/CSS,无构建步骤、无依赖;不联网,数据只存在本机。

子标签与别名	空间与深色模式

功能

快捷键见下文的快捷键与操作。

标签页

• 垂直标签栏:点击切换,中键或 ✕ 关闭,拖拽排序;正在发声的标签可一键静音(收藏和固定标签也会显示)。
• 多选:Ctrl/⌘+点击选中多个标签页,Shift+点击连选,和顶部标签栏的多选同步;拖动其中一个就一起移动,右键其中一个可以一起关闭、休眠或移到别的空间。点空白处或按 Esc 取消。
• 和顶部标签栏同步:顶部原生标签栏的顺序始终和侧边栏一致:收藏的标签页在最左边,然后每个空间一个分组,组内先固定标签、再列表,子标签紧跟父标签。
  • 在侧边栏里拖动,顶部跟着变;在顶部拖动,侧边栏也跟着变。
  • 在顶部把标签页拖进别的空间的分组,就是移到那个空间;把子标签拖离父标签,它就不再是子标签。
• 子标签:在网页里点链接开出的新标签页,会自动缩进显示在原标签页下面。
  • 也可以手动归组:把标签页拖到另一个标签页上。
  • 移出:拖到别处,鼠标移到子标签上点关闭按钮左边的移出按钮,或右键「移出为顶级标签页」;右键父标签选「解除所有子标签」可一次全部移出。
  • 最多两级,从子标签里打开的会和它并列;关闭父标签页会连同子标签一起关闭。从收藏或固定标签里打开的页面不做子标签,直接是顶级标签页,再从它打开的页面才挂在它下面。
  • 从其他应用(比如聊天软件)点开的链接、新建的标签页不算子标签。
• 别名:右键标签页或固定项设置,显示在标题左侧,搜索也会匹配。
• 相同地址只开一份:新开的标签页如果和本窗口同一个空间里已有的标签页地址相同(忽略 # 锚点),会直接切到已有的那个并关掉新开的;如果地址和某个还没打开的收藏或本空间的固定标签相同,新开的标签页会直接成为它的标签页,显示在收藏夹或固定标签里。Chrome 自带的「复制标签页」和恢复关闭的标签页不受影响。从网页里特意新开的标签页(Ctrl/⌘+点击、鼠标中键、在新标签页打开的链接)不合并,地址重复也照样单独打开。
• 足迹:最近离开的几个标签页(默认 3 个)左边有一道主题色竖条(收藏在图标下面一道短横线),每道线各自倒计时 10 分钟,从两头往中间缩短、同时变淡,到时间就消失,方便找回刚才在看的页面。显示几个(不显示、1、3、5、10 个)在右下角的设置里选。
• 落叶:很久没进去过的标签页,行尾慢慢落上叶子:离开超过一天后,每再过 12 小时一片,最多 12 片,一眼看出哪些可以关了。鼠标在上面左右来回扫几下就扫干净(重新计时,不打开它);点进去叶子被吹走。多久落一片(不落、6、8、12 小时)在右下角的设置里选。
• 键盘操作:点一下侧边栏后按方向键,从当前页面开始移动选中框(样式和动效参考 Switch),回车打开、Delete 关闭;具体按键见快捷键与操作。
• 搜索:平时收成空间名右边的放大镜(鼠标移到顶部时出现),点它或按 /、Ctrl/⌘+F 展开;输入即过滤;回车跳到第一个匹配项,没有匹配时打开网址或用默认搜索引擎搜索。输入两个字以上,下面还会列出最近 30 天里匹配的历史记录(最多 8 条,已经开着的不重复),点一下打开,点叉号从历史记录里删掉。
• 批量关闭:「清理」一键关闭当前空间里除当前页以外的未固定标签页;右键标签页可「关闭下方标签页」。

收藏夹、固定标签与空间

• 收藏夹:顶部的图标网格,所有空间共用,不随下面的列表滚动(空间名那一行也是)。把标签页拖进去即可添加。
• 固定标签:每个空间一组。关闭标签页后固定项仍保留,再点会重新打开。鼠标移上去时,右侧有一个按钮:标签页开着时是「−」,只关闭标签页、保留固定;没开着时是带斜线的图钉,点了取消固定(可撤销)。收藏和固定标签的名称会跟着网页标题更新,在「编辑」里手动改过名称的除外。它们的标签页开在别的窗口里时,会标一个带往外箭头的小窗口图标,点了会跳到那个窗口。
  • 开着的固定标签点进了别的页面时,这一行显示当前页面,前面标着固定的名字;点右边的 ↩ 回到固定的地址。收藏也一样:点进了别的页面时,图标换成当前页面的,鼠标移上去时右上角的关闭按钮变成 ↩,先回到收藏的地址,回去之后才是关闭。右键菜单的「当前页面」一组里还可以把它「加入收藏夹」或「固定」(另存一个新项,当前标签页和原来的固定标签都不变),或者「替换原来的固定地址」。
  • 折叠:点空间名可以把这个空间的固定标签整个收起来(每个空间各记各的),只留正在看的那个;空间名后面标着里面开着几个标签页。拖标签页到空间名上时会临时展开,方便拖进去。
  • 文件夹:空间菜单(空间名右边的「⋯」)里选「新建文件夹…」,或右键固定标签「新建文件夹并移入…」。把固定标签或下面列表里的标签页拖到文件夹上就放进去,拖出来或右键「移出文件夹」就移出;点文件夹折叠/展开,右键可重命名,也可以一键关闭(或休眠)里面所有开着的标签页,固定标签都留着,关闭可撤销。删除文件夹时里面的固定标签会一起删掉(开着的标签页会留在下面的列表里),可撤销。
  • 不记录历史的文件夹:右键文件夹开启后,从它里面打开的页面(包括之后点进的其他页面)访问后会立刻从浏览历史中删除;和「不记录历史的空间」一样,不是无痕模式。
• 空间:底部圆点切换,每个空间有自己的主题色、固定标签和标签页。把标签页拖到圆点上可移到别的空间。顶部标签栏里每个空间是一个标签页分组:当前空间展开,其他空间折叠成一个带名字的小标签,点开就切到那个空间。窗口里只有一个空间的标签页时也照样分组。
• 不记录历史的空间:右键空间圆点开启后,在该空间里访问的网址会立刻从浏览历史中删除。这不是无痕模式:Cookie、登录状态、缓存和下载记录照常保留。

其他

• 撤销:关闭标签页、清理、关闭下方标签页、取消固定、从收藏夹移除、相同地址的自动切换,都可以点底部提示条的「撤销」或按快捷键撤销,可连续撤销多步。在 Chrome 自己的标签栏里关掉的标签页,在侧边栏里按快捷键也能恢复,和其他操作按先后顺序一起撤销。
• 关掉后回到刚才的标签页:在侧边栏里关掉正在看的标签页(行上的关闭按钮、右键「关闭」、键盘 Delete)时,会回到刚才所在的那个标签页,而不是跳到它后面的;比如在 A 里点开了 B,关掉 B 就回到 A,连着关就一路往回走。在顶部标签栏里或按 Ctrl/⌘+W 关的,仍按 Chrome 自己的规则。
• 最近关闭:左下角的时钟按钮,列出最近关闭的 10 个标签页,点一下恢复(保留前进后退记录,放在当前空间);列表底部的「打开完整历史记录」会打开 Chrome 的历史记录页。用的是 Chrome 自己的记录,只包括本次启动以来关闭的,不分空间。
• 休眠:鼠标移到标签页或开着的固定标签上,点关闭按钮左边的月亮图标;也可以右键标签页、收藏或固定标签选「休眠」,让 Chrome 把它从内存里卸掉(标签还在,点回去会重新加载);休眠正在看的标签页时,会先切回刚才所在的标签页(没有就切到它下面的),和关闭时一样;右键文件夹可以让里面所有标签页一起休眠(包括正在看的),右键空间可以让里面所有不在前台的标签页一起休眠。休眠的标签页(包括重启后还没加载的)显示为变淡,收藏和固定标签也一样;列表里的行尾还标着休眠了多久(比如「2 小时」),鼠标停在上面能看到开始休眠的时间。
• 保持唤醒:右键选「保持唤醒」,Chrome 的「节省内存」就不会回收这个标签页,适合音乐、聊天这类要在后台一直运行的页面。这个设置浏览器重启后会恢复。
• 右键菜单:标签页、收藏/固定项、空间圆点都有,可以复制链接地址、硬性重新加载(不走缓存)、移到别的空间等。
• 浅色 / 深色模式:跟随系统。
• 中文 / English:默认跟随 Chrome 的界面语言(简体中文显示中文,其他显示英文),也可以点右下角的设置按钮(鼠标移到底部时出现)手动选。

安装

1. 从 Releases 下载最新的 sidearc-<版本号>.zip 并解压。想跟着最新代码走,也可以直接克隆本仓库。
2. 打开 chrome://extensions,开启右上角的「开发者模式」,点「加载已解压的扩展程序」,选择解压出的文件夹(或仓库所在文件夹)。
3. 点工具栏上的插件图标,或按 Alt+S(Mac 上是 ⌥ Option+S)打开/关闭侧边栏。

需要 Chrome 116 或更高版本。

把侧边栏放到左边

Chrome 的侧边栏默认在右侧。想让它像 Arc 一样在左边,打开 chrome://settings/appearance(设置 → 外观),把「侧边栏位置」改为「显示在左侧」。这是 Chrome 自己的设置,对所有侧边栏生效,扩展无法代为修改。

快捷键与操作

操作	Windows / Linux	Mac
打开 / 关闭侧边栏	Alt+S	⌥ Option+S
撤销(焦点在侧边栏时)	Ctrl+Z	⌘+Z
展开搜索	/ 或 Ctrl+F	/ 或 ⌘+F
搜索栏:跳过匹配项,直接打开网址或搜索	Ctrl+回车	⌘+回车
搜索栏:清空并收起	Esc	Esc
键盘选择:移动(从当前页面开始;在搜索栏里按 ↓ 从第一项开始)	↑ ↓ ← →	↑ ↓ ← →
键盘选择:打开 / 关闭 / 右键菜单	Enter / Delete / Shift+F10	Enter / Delete / Shift+F10
键盘选择:文件夹展开 / 收起	→ / ←	→ / ←
右键菜单	鼠标右键	鼠标右键、Control+点按 或触控板双指点按
关闭标签页	鼠标中键或 ✕	鼠标中键或 ✕(触控板没有中键,用 ✕)
重新打开刚关闭的标签页(Chrome 自带)	Ctrl+Shift+T	⌘+Shift+T

回车打开标签页后,Chrome 会把键盘焦点交给那个网页;要接着在侧边栏里选,按 F6 把焦点切回侧边栏(可能要按几次)。

打开侧边栏的快捷键可以在 chrome://extensions/shortcuts 里修改;如果它和别的扩展或系统快捷键冲突,Chrome 可能不会自动分配,需要在那里手动设置。

权限与隐私

Sidearc 不收集、不上传任何数据,代码里没有网络请求。空间、收藏夹、固定标签、别名都保存在浏览器本地,卸载扩展即删除。完整说明见隐私政策。

权限	用来做什么
sidePanel	全部界面都显示在浏览器侧边栏里。
tabs	读取标签页的标题、网址和图标来列出它们,并执行切换、移动、关闭、新建。
storage	在本地保存空间、收藏夹、固定标签、别名,以及重启后恢复用的标签页状态。
favicon	显示收藏夹和固定标签的网站图标。
search	在搜索栏输入关键词回车时,用浏览器的默认搜索引擎搜索。
clipboardWrite	「复制链接地址」时把网址写入剪贴板,不读取剪贴板。
sessions	撤销「关闭标签页」时,从最近关闭的记录里恢复它。
history	只用于「不记录历史」的空间和文件夹:删除刚从里面访问的网址,不读取其他历史。
webNavigation	判断新标签页是不是从某个页面里的链接打开的(子标签),以及它载入的地址是否已经打开(相同地址只开一份)。
tabGroups	把每个空间显示成顶部标签栏里的一个标签页分组,切换空间时折叠其他空间的分组。

已知限制

• Sidearc 会接管顶部标签栏里空间分组的顺序。你自己建的、或者别的扩展(比如 Claude)建的标签页分组不受影响,整组排在空间分组的最后面,里面的标签页不会被拆出来;Chrome 原生固定的标签页也不受影响,始终在最左边。分组颜色只有 9 种,空间颜色会对应到最接近的一种。
• 新版 Chrome 可能会自动保存标签页分组并同步到其他设备,空间分组也会出现在那里。
• 标签页的空间归属、父子关系、别名和固定绑定,在浏览器重启或扩展重新加载后会按网址和位置重新对上。这要靠 Chrome 启动时恢复上次的标签页(设置 → 启动时 →「继续浏览上次打开的网页」)。选了别的启动方式时,侧边栏顶部会提示「上次有 N 个标签页没有恢复」,点「恢复」就按原来的空间、层级、别名重新打开(先不加载,点到时才加载);提示关掉后,在左下角「最近关闭」里也能恢复,直到下次启动浏览器。
• 「相同地址只开一份」要等新标签页的地址确定后才能判断,所以重复的标签页会先闪一下再关掉;只在同一个窗口、同一个空间内查重(收藏夹所有空间共用)。
• 「不记录历史」是按网址删除的:同一个网址在别的空间留下的历史也会一起消失;最近关闭的标签页里仍能找到。

文件

文件	作用
manifest.json	扩展清单
background.js	后台:点击图标开关侧边栏;子标签归属;相同地址查重;「不记录历史」;记录足迹和离开标签页的时间;标签页关闭后的清理;重启后的数据恢复
sidepanel.html / .css	侧边栏的页面和样式
sidepanel.js	侧边栏入口,只做初始化
boot.js	打开侧边栏时先显示上次的画面,等数据读好再替换
src/store.js	状态,以及读写状态的函数
src/render.js	把状态画到页面上
src/tabs.js / items.js / spaces.js	对标签页、收藏/固定项、空间的操作
src/menus.js / ui.js	右键菜单的内容;提示条、撤销、菜单外壳、对话框
src/drag.js / events.js	拖拽;事件绑定
src/keys.js	键盘操作和选中框
src/leaves.js	落叶
src/history.js	搜索时的历史记录
src/groups.js	后台:让顶部标签栏的顺序和分组跟侧边栏一致
src/folders.js	固定标签里的文件夹
src/dom.js	生成页面元素的小工具
src/i18n.js	界面文案(中文和英文)和语言选择
_locales/	扩展名称下的简介、快捷键说明的中英文(由 Chrome 按浏览器语言显示)
src/logic.js	不碰浏览器的纯逻辑(网址判断、树形排列、拖拽落点、文件夹等)
src/protocol.js	侧边栏和后台共用的约定:会话存储的键、消息格式
test/	src/logic.js、src/protocol.js 和 src/i18n.js 的测试
icons/	扩展图标
store/	Chrome 应用商店的上架资料、截图和宣传图;store/screenshots/make.js 用来重新生成截图
README.en.md	英文版说明
PRIVACY.md	隐私政策
LICENSE

开发

没有构建步骤:代码是原生 ES 模块,改完在 chrome://extensions 里重新加载扩展即可。

测试用 Node 自带的测试运行器,不需要安装依赖(需要 Node 20 或更高版本):

npm test

界面改动后,可以重新生成应用商店的截图和小宣传图,中英文各一套(英文版在 store/en/;需要本机装有 Chrome,侧边栏部分直接套用 sidepanel.css):

npm run screenshots

发布新版本

发版是自动的:main 上 manifest.json 的版本号一变,GitHub Actions(.github/workflows/release.yml)就会跑测试、打包,创建 v<版本号> 标签和 GitHub Release,附上 zip,说明从 CHANGELOG.md 里自动挑出这个版本包含的条目。

1. 改 manifest.json 里的 version(新功能加第二位,只修问题加第三位,比如 1.4.1 → 1.5.0 / 1.4.2),和更新日志一起提交。
2. 推送到 main。几分钟后在仓库的 Releases 页面就能看到新版本;进度在 Actions 页面看。
3. 暂不上架 Chrome 应用商店,还在打磨;以后上架时,在 开发者信息中心 上传 Release 里的 zip,截图、说明等上架资料见 store/listing.md。

本地预览这次 Release 的说明(默认从最近的版本标签算起):

npm run release-notes

本地打包(不发布):

npm run pack

说明是按更新日志里每条末尾的提交链接挑的:条目引用的提交在这个版本范围里,就会被收进去。所以更新日志里的条目要带上提交链接。

主页(GitHub Pages)

主页 https://winzipsdo.github.io/sidearc/ 由 gh-pages 分支直接发布:分支根目录的 index.html、style.css、main.js、assets/(含介绍视频)就是主页本身,store/、icons/ 是从 main 复制过去的截图和图标。生成主页和介绍视频的脚本也放在这个分支的 source/ 下,详细步骤见该分支的 source/README.md。

常见的维护场景:

• 改主页文字:切到 gh-pages 分支,直接改 index.html,提交推送后几分钟内生效。
• 界面或截图变了:先在 main 上运行 npm run screenshots 并提交,再把 store/screenshot-*.jpg 和 store/en/screenshot-*.jpg 复制到 gh-pages 分支的同名位置,提交推送。
• 新功能要进介绍视频:按 source/README.md 的步骤重新生成视频。视频脚本会用到 main 上的 sidepanel.css 和 store/screenshots/brand-icons.js,所以要在 main 的检出目录里临时搭一个 site/ 来跑,跑完删掉,不要提交到 main。

不建议在 main 的工作区里直接切换到 gh-pages 分支来改:两个分支的文件完全不同。可以另开一个工作目录:

git worktree add ../sidearc-pages gh-pages

支持这个项目

Sidearc 免费、开源。觉得好用的话,可以在 GitHub Sponsors 赞助一下;侧边栏右下角的设置菜单里也有「支持 Sidearc」。

许可证

MIT