วิธีการซ่อนแถบแท็บ (tabstrip) ใน Firefox 57+ Quantum

วิธีซ่อน / ปิดการใช้งาน / ลบแถบแท็บใน Firefox 57+ ("Quantum")?

เป้าหมายคือการซ่อนแถบแท็บทั้งหมด มีประโยชน์หากจับคู่กับส่วนขยายเช่น "แท็บสไตล์ต้นไม้"

หมายเหตุ: มีคำถามที่คล้ายกันค้นหาที่นี่: Firefox ซ่อนทุกอย่างยกเว้นพื้นที่เนื้อหาของเบราว์เซอร์ แต่มันไม่ได้แยกออกเป็นงานอิสระอย่างมีเหตุผล นอกจากนี้มันล้าสมัยแล้ว

1. เปิด firefox "ไดเรกทอรีโปรไฟล์" ของคุณ
   • เอกสารอย่างเป็นทางการวิธีการทำเช่นนั้น: https://support.mozilla.org/en-US/kb/profiles-where-firefox-stores-user-data#w_how-do-i-find-my-profile
   • หรือเพียงแค่เปิด:
     • ลินุกซ์: ~/.mozilla/firefox/<profile>
     • OSX:
       • ~/Library/Application Support/Firefox/Profiles/<profile folder>
       • หรือ ~/Library/Mozilla/Firefox/Profiles/<profile folder>
     • ของ windows: %appdata%\Mozilla\Firefox\Profiles\<profile folder>
2. สร้างไดเรกทอรีchrome/หากไม่มีอยู่
3. สร้างไฟล์chrome/userChrome.cssข้างในหากไม่มีอยู่

4. เพิ่มข้อความนี้ในไฟล์:

   #TabsToolbar { visibility: collapse !important; }
   

5. ตรวจสอบให้แน่ใจว่าการtoolkit.legacyUserProfileCustomizations.stylesheetsกำหนดค่าถูกตั้งค่าเป็นtrue(จำเป็นสำหรับ Firefox69 +, เวอร์ชั่นเสถียรตั้งแต่เดือนกันยายน 2562) ดูบทช่วยสอนนี้

6. บันทึกไฟล์และโหลด Firefox ใหม่ คุณจะไม่เห็นแถบแท็บอีกต่อไป

โซลูชัน PS นำมาจากที่นี่บางส่วน: https://www.ghacks.net/2017/09/27/tree-style-tab-is-a-webextension-now/

ฉันต้องการให้แถบแท็บซ่อนอัตโนมัติเมื่อมี 1 แท็บและปรากฏเมื่อมีหลายแท็บ ไม่เหมือนคำถาม แต่เป็นเรื่องเกี่ยวกับผลลัพธ์ของ Google เพียงอย่างเดียวในขณะนี้สำหรับ 57+ ดังนั้นสำหรับผู้ที่ต้องการมันuserChrome.css

#tabbrowser-tabs, #tabbrowser-tabs arrowscrollbox { min-height: 0 !important; }
#tabbrowser-tabs tab { height: var(--tab-min-height); }
#tabbrowser-tabs tab:first-of-type:last-of-type { display: none !important; }

น่าเสียดายที่การปรับแต่ง UI เฉพาะนั้นไม่สามารถทำได้ผ่าน Add-on APIs ที่สนับสนุนของ Firefox Quantum การแก้ปัญหาที่เหมาะสมจะเป็นไปได้เมื่อBug 1332447ได้รับการแก้ไขแล้ว

ก่อนหน้านั้น VasyaNovikov ใช้การปรับแต่งuserChrome.cssแม้ว่าการแก้ไขไฟล์นั้นจะเป็นตัวเลือกที่มีความเสี่ยงและไม่ได้รับการสนับสนุนอย่างเป็นทางการ

ฉันกลั่น VasyaNovikov คำตอบเป็นส่วนสำคัญในการทำงานบน Linux และ OS X boxen ของฉันหวังว่ามันจะช่วยให้ทุกคนออกไปที่นั่นกับเครื่องส่วนตัวหลาย ฉันต้องการชี้ให้เห็นว่าหลังจากใช้คำตอบของเขาแล้วปุ่มย้อนกลับจะอยู่ใต้ปุ่มปิดใน OS X การแก้ไขคือการแทรกช่องว่างที่มีความยืดหยุ่นสามช่องลงในแถบเครื่องมือ (คลิกขวาบนแถบเครื่องมือเลือกปรับแต่ง ... จากนั้น แทรกช่องว่างสามช่องเพื่อให้ปุ่มย้อนกลับเลื่อนไปทางขวา)

หากมีใครบางคนมี CSS ที่ถูกต้องในการแทรกลงใน userChrome.css เพื่อให้ได้ผลเทียบเท่ากับปุ่มย้อนกลับนั่นก็จะเป็นที่นิยมอย่างมาก

เพิ่มไปยัง userChrome.css

#TabsToolbar {
    visibility: collapse;
}

#titlebar {
    margin-bottom: -25px !important;
}

#titlebar-buttonbox {
    height: 32px !important;
}

#nav-bar {
    margin-right: 42px;
}

#main-window[sizemode="maximized"] #nav-bar {
    margin-right: 42px;
}

ใช้งานได้กับ Firefox 70.0 แต่_ □ Xหายไป