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 的界面语言(简体中文显示中文,其他显示英文),也可以点右下角的设置按钮(鼠标移到底部时出现)手动选。
安装
- 从 Releases 下载最新的
sidearc-<版本号>.zip 并解压。想跟着最新代码走,也可以直接克隆本仓库。
- 打开
chrome://extensions,开启右上角的「开发者模式」,点「加载已解压的扩展程序」,选择解压出的文件夹(或仓库所在文件夹)。
- 点工具栏上的插件图标,或按
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 里自动挑出这个版本包含的条目。
- 改
manifest.json 里的 version(新功能加第二位,只修问题加第三位,比如 1.4.1 → 1.5.0 / 1.4.2),和更新日志一起提交。
- 推送到
main。几分钟后在仓库的 Releases 页面就能看到新版本;进度在 Actions 页面看。
- 暂不上架 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
