☰

Firefox 多行标签栏？

tag-icon • tag-icon firefox browser browser-addons website browser-tabs
Firefox 多行标签栏？

是否有可以为您提供多行标签栏的 Firefox 扩展？并且如果可能的话，行不应该像 Windows 标签栏通常那样上下移动。

答案1

塔布斯允许多行标签栏。

它将允许您选择想要显示的最大行数。

TabMixPlus 多行选项卡选项

答案2

这不是你问题的答案，但我发现树样式选项卡非常有用。获得一些高度和秩序，但要牺牲一些宽度。

截图树

答案3

标签套件- 标签分组、垂直标签树，多行，以及针对高级用户的各种调整。

替代文本

替代文本

教程：使用 Tab Kit 自定义 Firefox 中的选项卡行为

答案4

编辑：我现在正在使用一种不同的方法，如以下答案中所述： https://superuser.com/a/1352233/260948

要使标签页多行显示，不带图标，大小固定，我按如下方式操作。在 Linux Fedora 上的 Firefox 57 到 61 上进行了测试，无需安装 tab mix plus。所有功劳都归功于这些帖子：

https://www.reddit.com/r/firefox/comments/726p8u/multirow_tabs_firefox_ignores_mozboxflex/dngb8qf/

https://www.reddit.com/r/FirefoxCSS/comments/7dclp7/multirow_tabs_in_ff57/

如果您不想从选项卡中删除图标，请从我们要写入的文件中省略以下两行：

/* Tabs: no icons */
.tabbrowser-tabs .tab-icon-image { display: none !important; }

那么，让我们开始吧。

关闭火狐。

在 Linux 上创建以下文件夹，其中 RANDOMCHARACTERS 在每台计算机上都会有所不同：

~/.mozilla/firefox/RANDOMCHARACTERS.default/chrome/

在 Windows 7 上，创建以下文件夹，其中 YOURUSERNAME 是您的用户名，并且 RANDOMCHARACTERS 在每台计算机上会有所不同：

C:\Users\YOURUSERNAME\Application Data\Mozilla\Firefox\Profiles\RANDOMCHARACTERS.default\chrome\

在旧版本的 Windows 中，该文件夹是：

C:\Documents and Settings\YOURUSERNAME\Application Data\Mozilla\Firefox\Profiles\RANDOMCHARACTERS.default\chrome\

在 Linux 或 Windows 上，在上述文件夹中，创建一个名为 userChrome.css 的文件

它必须是纯文本。这意味着您应该使用 vi 或 kwrite 或 nano 或 notepad 创建它。

在这个 userChrome.css 文件中，写入以下所有文本。然后保存，就完成了。尽情享受吧 :)

    @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

    /* Tabs: no icons */
    .tabbrowser-tabs .tab-icon-image { display: none !important; }

    /* all the following is to have multiple rows of tabs */

    /*
    The class .tabbrowser-tabs has been replaced with id #tabbrowser-tabs
    changed selectors accordingly
    */
    .tabbrowser-tab:not([pinned]) {
        flex-grow:1;
        min-width:150px !important; /* Needed important tag, width can be whatever you like */
        max-width: 150px !important; /* Makes the tabs always fill the toolbar width */
    }
    .tabbrowser-tab,.tab-background {
        height:var(--tab-min-height);
    }
    .tab-stack {
        width: 100%;
    }
    #tabbrowser-tabs .scrollbox-innerbox {
        display: flex;
        flex-wrap: wrap;
    }
    #tabbrowser-tabs .arrowscrollbox-scrollbox {
        overflow: visible;
        display: block;
    }
    #titlebar,#titlebar-buttonbox{
        height:var(--tab-min-height) !important;
    }
    #titlebar{
        margin-bottom:calc(var(--tab-min-height)*-1) !important;
    }
    #main-window[sizemode="maximized"] #titlebar{
        margin-bottom:calc(6px + var(--tab-min-height)*-1) !important;
    }
    #main-window[sizemode="maximized"] #TabsToolbar{
        margin-left:var(--tab-min-height);
    }
    #titlebar:active{
        margin-bottom:0 !important;
    }
    #titlebar:active #titlebar-content{
        margin-bottom:var(--tab-min-height) !important;
    }
    #tabbrowser-tabs .scrollbutton-up,#tabbrowser-tabs .scrollbutton-down,#alltabs-button,.tabbrowser-tab:not([fadein]){
        display: none;
    }

    /* This enables maximum width before scrollbar is shown */

    #main-window[tabsintitlebar] #tabbrowser-tabs {
        -moz-window-dragging: no-drag;
    }
    #tabbrowser-tabs .scrollbox-innerbox {
        max-height: none;
        overflow-y:auto;
    }

相关内容