แถบแท็บ Firefox หลายแถว?

มีส่วนขยายสำหรับ Firefox ที่ให้แถบแท็บหลายแถวหรือไม่และถ้าเป็นไปได้แถวไม่ควรสลับขึ้นและลงเหมือนแถบแท็บ Windows ทั่วไป

TabMixPlusอนุญาตแถบแท็บหลายแถว

จะช่วยให้คุณเลือกจำนวนแถวสูงสุดที่คุณต้องการให้แสดง

ไม่ใช่คำตอบสำหรับคำถามของคุณ แต่ฉันพบว่าTree Style Tabมีประโยชน์มาก รับส่วนสูงและคำสั่งซื้อโดยมีค่าความกว้าง

Tab Kit - การจัดกลุ่มแท็บต้นไม้แท็บแนวตั้งหลายแถวและการปรับแต่งต่างๆสำหรับผู้ใช้ระดับสูง

บทช่วยสอน: กำหนดลักษณะการทำงานของแท็บใน Firefox ด้วย Tab Kit

แก้ไข: ตอนนี้ฉันใช้วิธีอื่นที่อธิบายไว้ในคำตอบนี้: https://superuser.com/a/1352233/260948

ในการมีแท็บหลายแถวโดยไม่มีไอคอนจะมีขนาดคงที่ฉันทำดังนี้ ทดสอบบน Firefox 57 ถึง 61 บน Linux Fedora โดยไม่จำเป็นต้องติดตั้งแท็บมิกซ์บวก เครดิตทั้งหมดไปที่โพสต์เหล่านี้:

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 สร้างโฟลเดอร์ต่อไปนี้โดยที่ชื่อผู้ใช้ของคุณคือชื่อผู้ใช้และ 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;
    }