Firefox多行标签栏?


8

Firefox是否有扩展程序,可为您提供多行选项卡栏?如果可能的话,这些行不应像Windows选项卡栏通常那样上下移动。


该问题的(主要)答案在Firefox Quantum上不起作用。我问一个有关Firefox Quantum兼容解决方案的新问题
Gerrit

Answers:


9

TabMixPlus允许多行标签栏。

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

TabMixPlus多行选项卡选项


1
不幸的是,Firefox Quantum中断了对Tab Mix Plus的支持,因此该答案不再适用于新版本的Firefox。
Gerrit

5

不完全是您问题的答案,但是我发现“ 树样式”选项卡非常有用。以一定的宽度获得一定的高度和顺序。

屏幕截图树


1
在大型平面显示器上,这将是不错的选择,您无需过多考虑屏幕空间。如果可以进一步调整它们以减小名称,那就太好了。
Isxek

好吧,该插件确实有很多选择。例如,左栏可以自动隐藏或缩小。另外,知道大多数网站都是针对1024x800设计的,而我的笔记本电脑的分辨率是1280x800,所以对我来说非常有用,只是说:P。
ianix

是的,我也喜欢这个。
罗纳德·帕托

@lsxek-您可以通过单击并拖动选项卡树和页面之间的分隔线来调整选项卡树的宽度。有时我会缩小它,以便仅显示页面图标。
塞缪尔·贾斯凯

在Tab Kit中,您可以在树型和多行之间选择(它们称为Vertical Tab Bar)


3

编辑:我现在正在使用一种不同的方法,此答案中所述: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; }

因此,让我们开始吧。

关闭Firefox。

在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或记事本创建它。

在该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;
    }

这对Firefox Quantum有用吗?
Gerrit

@gerrit,这是一个非常好的问题,这也是我不喜欢使用“ Quantum”一词的主要原因。作者强调说,他的解决方案是“在Firefox 57上测试过”,表示正式版本号。更重要的是,Firefox 57是Mozilla浏览器的第一个带有Quantum标签的版本
Run5k

2
@gerrit我现在对其进行了测试。它可以在Fedora 28的最新版本Firefox 61.0.2上运行。像以前一样,这些选项卡的拖放操作效果不佳,但也不会破坏任何内容。无论如何,这些标签都在那里。
萨尔瓦多'18
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.