Edge 的纵向标签页模式太赞了

很久之前 Edge 就有纵向标签页了,对于我这种笔记本用户能让宝贵的纵向空间得到更好的利用。此外,纵向标签页也解决了横向标签页在标签数量过多的时候,不同网页难以区分的问题。

最近偶然发现在开启纵向标签页之外,还可以选择隐藏标题栏,进一步增加网页区域的显示面积。两个都开启之后界面如图所示。

3 Likes

我倒是持相反观点。横向标签页数量过多后只能看到网站的favicon,但开启纵向标签且不固定(如你图所示)不还是难以区分吗 :thinking: (如果开固定又太占空间了)
对于横向标签页,如果有很多标签页,搭配tab悬浮预览我觉得是挺不错的

3 Likes

纵向标签页认图标分辨标签页不太行吧.再加上鼠标移动的速度…
我倾向于横向标签页+tree style tab辅助

Edge 的纵向标签页实现,在鼠标悬浮上去的时候会自动展开,显示所有当前打开标签页的标题,并不是完全依靠图标来区分的,但是横向标签页没有这个特性(如果不依赖第三方插件的话)

1 Like

不过开启纵向标签页+隐藏标题栏后整个页面美观整洁多了倒是真的,颜狗有点动摇了233

这些都是当年opera玩剩下的 →_→

3 Likes

感觉这个功能是为桌面用户设计的,绝大多数桌面网页宽度都在1024~1440px这个范围,如果是1920x1080 100%缩放的桌面显示器,横向刚好剩下500多个px放标题栏

1 Like

适合4k之类的大屏幕,或者像带鱼屏那种横向很宽的屏幕。节省垂直方向的空间。标签开得多,垂直高度就比横向利用率高。

说得对。

对于我而言, Edge 只是模仿出了形,体验还停留在又不是不能用的水平。Btw, 如果真的有垂直标签页的需求,Firefox 和 Vivaldi 是更好的选择。

Firefox 搭配 Sidebery 或者是 Tree Style Tab 的体验极佳,且提供可拓展性的接口,甚至可以自己写额外的功能…

Vivaldi 则是创新型的双层标签页式的垂直标签页,以及刚刚重新推出的手风琴式标签。虽然可扩展性没有 Firefox 强,但几乎继承了 Opera 的好。

3 Likes

妙啊 edge://flags/#edge-vertical-tabs-hide-titlebar

1 Like

不知还有没有类似的小技巧,我也是现在才知道。截图上看着蛮好看的。

已经将此功能递交给 Vivaldi 论坛希望开发跟进

隐藏标题栏的 UI,星愿浏览器做得更好看,只是它不支持移动 tabs bar

1 Like

请问 Firefox 搭配 Sidebery 如何能把上面的标签栏隐藏了,只要侧边栏

1 Like

前提

Firefox 设置

访问 about:config,开启 toolkit.legacyUserProfileCustomizations.stylesheets

Sidebery 设置

Sidebery settings > Help > Preface value: [Sidebery]

在 Firefox 配置文件夹中新建 chrome 文件夹,并在文件夹中新建并修改 userchrome.css

/* Hide the tabs when Sidebery visible */
#main-window[titlepreface*="Sidebery"] #TabsToolbar-customization-target {
    height: 0 !important;
    overflow: hidden;
}

/* Make the application min-maximize-close buttons height match the address bar */
#main-window[titlepreface*="Sidebery"] #TabsToolbar .titlebar-buttonbox-container {
    height: 40px;
}

/* Push up the address bar */
#main-window[titlepreface*="Sidebery"] #nav-bar {
    margin-top: -41px;
}

/* Reduce width of address bar so app buttons have enought room to appear */
#main-window[titlepreface*="Sidebery"] #nav-bar-customization-target {
    max-width: calc(100vw - 230px);
}

非常感谢教程, 按教程来真的可以把上面的标签栏隐藏了,可是 右上角的最小化,最大化,关闭 三个按钮被重叠了,怎么破?
Snipaste_2021-07-14_14-37-59

还有个问题,就是没汉化,看着别扭,好别扭

跟你相反,(超级)不喜欢纵向标签,
标题都看不到了,都不知道哪个标签是哪个网页的了,
使用时超级不便。
之前还看到过有这个纵向标签的图标,现在我的版本 91.0.864.67已没了,
不知是没了还是自己搞/设置没了
20210714150201

如果按照这个设置的话,应该不会出现这个问题的。

另外汉化的问题,官方说了之后会更新对应的接口,到时候会有志愿者完成汉化的。但因为也是用爱发电,只能慢慢等待。

纵向不一定是只有图标的,还可以是展开。

考虑到现代的网页设计大多数都不会完全占据整个屏幕的横向面积,所以在横向上是留白了大量空间的。因此纵向标签即使占据了部分网页的横向面积也不会影响网页的正常显示。

谢谢,太好了. 现在我弄好了.是因为扩展图标太多导致的,我把图标放到折叠菜单就好了.

弄好了,由于扩展图标太多导致的,现在可以好好玩了.
Snipaste_2021-07-14_17-52-14

展开占地,是的,有些网页设计可能会那样设计,但未必是大多数都这样,我还有个习惯,就是浏览器平常一般都不会最大化,所以。。。还是觉得横向会适合我的习惯与喜好