说到浏览器，除了 edge 以外，还有什么浏览器支持垂直标签页+标签页分组功能的吗？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 625 天前的主题，其中的信息可能已经有所发展或是发生改变。

edge 是越更新越臃肿了，所以想找一个别的浏览器做代替的
硬要求就是垂直标签页和标签页分组

目前试过
1.vivaldi：
有垂直标签页功能，也有分组，但是不能自动进分组。
举个例子就是我打开 V2EX ，然后点开一个帖子，在标签页右键把同一个 domain 的添加到分组里面。
这个时候如我保留最少 2 个标签页，再打开别的标签页的时候一直会是这个分组里面的，但是一旦只剩下最后一个标签页，就自动解除分组了。

2.firefox:
通过 tree style tabs 这个扩展可以垂直标签页。
从某个页面打开的链接都会变成这个标签页的 child ，这点我觉得还挺不错的。
觉得不好的点就是边栏的自动隐藏，因为标签页前面有展开的小箭头以及 child 标签页有缩进，所以自动隐藏之后参差不齐，看起来非常难受。

3.brave:
也下载下来试了一下，flags 里面有 vertical-tabs 的属性，但是设置为 true 之后重启浏览器还是没有垂直标签页的功能。

标签

分组

垂直

页

8 条回复 • 2023-04-12 17:36:26 +08:00

zhf883680

2023-03-15 17:27:39 +08:00

我自己写了个 edge 的标签页自动分组
功能有:同一个 domain 的归到一组或者某个标签页下打开的标签页都在同一组
你的描述给了我个想法:
把我上述的 2 种模式结合起来以 domain 的分组为主打开的标签页为辅
https://microsoftedge.microsoft.com/addons/detail/hifeijficcakiokpfabdflnjdbihofdd

zhf883680

2023-03-15 17:28:44 +08:00

@zhf883680 扩展 github 上面有源码微软商店里面有链接可以弄下来了支持所有 chrome 内核的浏览器
这几天我改改看看效果

soluble

2023-03-15 17:58:55 +08:00

ARC

yfugibr

2023-03-15 18:08:26 +08:00

tree style tab 可以搭配这个 css 用，css 苦手，花了好长时间才写出来，可以自己再调调
在 tab 上右键菜单时会有问题（没有 hover 事件

```css

/* disable close box */
tab-item:not(:hover) tab-item-substance tab-closebox {
display: none;
}

/* replace favoricon to collepase icon on hover */
tab-item tab-item-substance:not(:hover) tab-twisty,
tab-item:not([data-child-ids]) tab-twisty,
tab-item:is([data-child-ids]) tab-item-substance:hover tab-favicon {
width: 0px;
min-width: 0px;
visibility: hidden;
}

/* hide scrollbar */
#tabbar {
overflow-y: auto !important;
scrollbar-width: none;
--shift-tabs-for-scrollbar-distance: 0em;
}

/* for auto hide sidebar */
:root.sidebar {
--transition-time: 300ms;
--transition-delay: 200ms;
}

/* center favicon */

tab-item tab-item-substance tab-twisty,
tab-item tab-item-substance tab-faviocn {
margin-left: 6px;
}

/* to hide text on min sidebar */

tab-item tab-item-substance tab-label {
margin-left: 8px;
}

:root:not(:hover) tab-item tab-item-substance tab-sound-button {
visibility: hidden;
}

/* hide indent space on not hover, to show all favicon on min sidebar */

:root:not(:hover) tab-item tab-item-substance {
margin-left: 0px;
}

tab-item:not(.expanding) tab-item-substance {
transition: margin-left var(--transition-time) ease;
}

:root:hover tab-item:not(.expanding) tab-item-substance {
transition: margin-left var(--transition-time) ease var(--transition-delay);
}

/* hide indent line */
:root:not(:hover) tab-item .extra-items-container.indent {
opacity: 0;
}

tab-item .extra-items-container.indent {
transition: opacity var(--transition-time) ease;
}

:root:hover tab-item .extra-items-container.indent {
transition: opacity var(--transition-time) ease var(--transition-delay);
}

/* move container color to left */
tab-item tab-item-substance .contextual-identity-marker {
left: 0 !important;
right: auto !important;
}
```

sakae010

2023-03-15 18:34:47 +08:00

arc

TrembleBeforeMe

2023-03-15 20:24:29 +08:00

@zhf883680 不如 tabius 的按标签页打开顺序好用 https://microsoftedge.microsoft.com/addons/detail/filcmnpmbooeiloehikfjlligcgnnibb

liansishen

2023-03-15 20:33:55 +08:00

@soluble
@sakae010
windows 系统

BigbyWolf

2023-04-12 17:36:26 +08:00

Windows brave 右键标签选项栏倒数第三个应该就是 [使用垂直标签] 勾选项
这号居然发图风控了(￣﹏￣；)