V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
liansishen
V2EX  ›  问与答

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

  •  1
     
  •   liansishen · 2023-03-15 17:09:56 +08:00 · 2385 次点击
    这是一个创建于 643 天前的主题,其中的信息可能已经有所发展或是发生改变。
    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
        1
    zhf883680  
       2023-03-15 17:27:39 +08:00
    我自己写了个 edge 的标签页自动分组
    功能有:同一个 domain 的归到一组 或者 某个标签页下打开的标签页都在同一组
    你的描述给了我个想法:
    把我上述的 2 种模式结合起来 以 domain 的分组为主 打开的标签页为辅
    https://microsoftedge.microsoft.com/addons/detail/hifeijficcakiokpfabdflnjdbihofdd
    zhf883680
        2
    zhf883680  
       2023-03-15 17:28:44 +08:00
    @zhf883680 扩展 github 上面有源码 微软商店里面有链接 可以弄下来了支持所有 chrome 内核的浏览器
    这几天我改改看看效果
    soluble
        3
    soluble  
       2023-03-15 17:58:55 +08:00
    ARC
    yfugibr
        4
    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
        5
    sakae010  
       2023-03-15 18:34:47 +08:00
    arc
    TrembleBeforeMe
        6
    TrembleBeforeMe  
       2023-03-15 20:24:29 +08:00
    liansishen
        7
    liansishen  
    OP
       2023-03-15 20:33:55 +08:00
    @soluble
    @sakae010
    windows 系统
    BigbyWolf
        8
    BigbyWolf  
       2023-04-12 17:36:26 +08:00
    Windows brave 右键标签 选项栏倒数第三个应该就是 [使用垂直标签] 勾选项
    这号居然发图风控了( ̄﹏ ̄;)
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4910 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 05:40 · PVG 13:40 · LAX 21:40 · JFK 00:40
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.