大家是如何管理浏览器标签的呢? 一直没找到喜欢的方式, 于是撸了个插件~

[wenjie0032]

日常工作中使用浏览器的场景非常高频, 很多网站点击链接一般都喜欢新开页面, 于是浏览器标签就越开越多, 又懒得逐个去关闭, 导致很难一眼找到自己想要的标签页面, 而且还占用很多内存.

于是业余时间, 撸了一个 chrome 标签管理插件 xtab, 目前仅为自用, 感兴趣的伙计也可以试试

都有哪些功能呢?

1. 标签自动回收

帮助我们自动关闭浏览器中很久未使用的标签, 防止浏览器越来越多的标签页, 无从寻找的窘境, 并可以在回收站中打开已回收的标签.

2. 标签自动分组

帮助我们按照 一级域名, 二级域名 或 自定义规则 对标签进行自动分组, 让标签井井有条的排列.

3. 中间页自动跳转

在 知乎, 微信, 简书, 掘金 等网站打开三方地址时, 通常会有一个二次确认的中间页, xtab 可以帮助我们自动完成跳转, 可以在这里提交未支持的网站.

4. 新标签页

新标签页会展示一张好看的图片.

新标签页的其他 UI 还尚不美观, 个人 css 能力不足, 如果有感兴趣的小伙伴可以一起开发.

技术栈

Vue3 + Vite + TS + Chromoe.manifest_V3

[gra]

第四条给我劝退了，因为我已经有了很好的扩展来管理

[linkopeneyes]

分组这个功能 chrome 自带了，我也经常用

[EliteOtaku]

有点意思，顺路问一下老铁们有没有好用的浏览器标签页平铺插件？类似 Vivaldi 自带的那样？

[zololiu]

标签页界面设计方面跟大佬推荐一下 https://renewedtab.com/en/，是目前用过免费，功能多样，灵活自定义，且兼具美观度的扩展了。

[zololiu]

https://renewedtab.com/en/

[wenjie0032]

@gra #1 哈哈哈, 主要是回收列表没想好放在哪里, 本来也想着去掉新开页的, 毕竟有很多优秀的插件, 后续可以把回收列表迁移到 options 页面
@EliteOtaku #3 Vivaldi 没有用过嘞, 后续有空了瞅瞅
@sjhhjx0122 #2 标签多时分组还是挺好用的, 但是得手动维护就有些麻烦了, 太懒了😂, 所以想搞成自动化的

各位大佬可以多提提意见, 我逐步优化一下

[HugoChao]

我希望有个插件可以显示两层甚至三层 tab ，但是插件的功能貌似做不到

[ByteCat]

Chrome 横向排列很难用，标签一多就找不到了，现在换 Edge 用纵向感觉不错

[komorebiii]

edge 挺好用的 换纵向标签页 还自带分组 还有休眠

[FlyingShark]

Edge 的垂直标签页+标签页卡组+隐藏标题栏，我认为是 chromium 系列浏览器中做得最好的

至于 Edge 推广多、漏隐私的问题，先捏着鼻子用吧

[Stunt4013]

@HugoChao 试试 tree style tab

[BeautifulSoap]

@HugoChao firefox 能做到相关插件很多功能也强，这也是我目前主力浏览器依旧离不开 firefox 的原因

[HugoChao]

@albertsteve11100 这个还蛮不错的，感谢推荐~

@BeautifulSoap 用习惯 Chrome 了我也有点离不开

[mlhadoop]

没解决如何搜索书签的功能啊

[night98]

第二个特性希望能做成类似 windows 任务栏一样，例如超过三个自动根据域名聚合，鼠标移动上去显示具体打开的页面。

[night98]

@FlyingShark +1 ，垂直标签简直杀手级功能

[dassh]

为了竖条 tab 转 firefox 了，设置参考了：
https://blog.csdn.net/zypang1/article/details/121293758

[jfds]

使用 edge 开竖向 tab ，用下面这个插件自定义分组，支持域名、url 和 title ，用 alfred 做标签页搜索，现在大概是这么用的
https://microsoftedge.microsoft.com/addons/detail/jgcmbjdhakghmngjkdpejdcchbigdmgf

[bianwenbo]

不得不提标签管理神器 Tabs Outliner ，配合大内存使用，再也不用担心 100+的标签页了

[ciki]

@bianwenbo #19 用过，太丑，劝退

[dream7758522]

很棒，等会试一试

[bronana]

试了下还是不错,确实在搜索网页的时候经常浏览器标签越开越多,最后我都是反手一个全部关闭...

[bronana]

@bronana 不过有个很大的问题就是替换了我的 oneTab 扩展.我瞬间不习惯了.

[LavaC]

第一个功能有点像 arc 。
不过我觉得最好还是自己养成习惯每个窗口不多于 10 个窗口。我之前室友每次开几十上百个标签不关的，每个看上去都只有图标，也不知道怎么区分的开的。

[bjzhush]

你这几个功能吧，有些风马牛不相及。
第一个标签回收，有点瞎折腾，因为有用的标签不会关闭， 没用的用户自己关闭了。
第二个标签分组，chrome 现在已经自带了，不过你这个根据域名分组，有些人或许会喜欢
第三个中间页跳转，这个很多人都用油猴脚本实现了
第四个算是个标签扩展，但是很多人也有用的习惯的了

[wenjie0032]

@zololiu 感谢推荐, 我本职搞后端的, css 不太会, 暂时先放弃新开页了 😂
@mlhadoop 这个本意不是搞标签搜索的, 而是自动关闭掉很久不用的标签
@bianwenbo 感谢推荐, 很优秀的插件, 跟自动回收原理类似, 作者能更新下 UI 就再好不过了
@bronana 是的, 这个功能跟 oneTab 有部分重叠
@bjzhush just for fun

后续想搞的一些点:
1. 自动回收 增加策略选择, 一是可以最多保留指定个数的标签, 二是自动关闭 xx 时间未使用过的标签
2. 自动回收列表 迁移到 Content Script 搞成页面侧边栏
3. 自动分组 增加不活跃分组自动折叠配置
4. 自动跳转 增加自定义 script 支持,支持百度搜索页直跳
5. 增加 唯一标签 , 相同网址的 tab 只保留一个

[charlie21]

@HugoChao https://vivaldi.com/en-us/features/tab-management/

[FlyingShark]

@jfds 感谢推荐，这个插件不错

[leeshong27]

@jfds #18 好东西