Cách ẩn thanh tab (tabstrip) trong Firefox 57+ Quantum

Làm cách nào để ẩn / tắt / xóa thanh tab trong Firefox 57+ ("Lượng tử")?

Mục tiêu là chỉ ẩn thanh tab hoàn toàn. Hữu ích nếu được ghép nối với các tiện ích mở rộng như "Tab kiểu cây".

Lưu ý: có một câu hỏi tương tự ở đây: Firefox ẩn mọi thứ trừ khu vực nội dung của trình duyệt nhưng nó không được phân chia hợp lý thành các tác vụ độc lập logic. Ngoài ra, nó đã lỗi thời.

1. Mở firefox "thư mục hồ sơ"
   • Tài liệu chính thức làm thế nào để làm điều đó: https://support.mozilla.org/en-US/kb/profiles-where-firefox-stores-user-data#w_how-do-i-find-my-profile
   • Hoặc chỉ cần mở:
     • Linux: ~/.mozilla/firefox/<profile>
     • OSX:
       • ~/Library/Application Support/Firefox/Profiles/<profile folder>
       • hoặc là ~/Library/Mozilla/Firefox/Profiles/<profile folder>
     • Các cửa sổ: %appdata%\Mozilla\Firefox\Profiles\<profile folder>
2. Tạo thư mục chrome/nếu nó không tồn tại
3. Tạo tập tin chrome/userChrome.cssbên trong nếu nó không tồn tại.

4. Thêm văn bản này vào tập tin:

   #TabsToolbar { visibility: collapse !important; }
   

5. Đảm bảo cấu hình toolkit.legacyUserProfileCustomizations.stylesheetsđược đặt thành true(bắt buộc cho Firefox69 +, phiên bản ổn định kể từ tháng 9 năm 2019), xem hướng dẫn này .

6. Lưu tệp và tải lại firefox. Bạn sẽ không thấy thanh tab nữa.

Giải pháp PS được lấy một phần từ đây: https://www.ghacks.net/2017/09/27/tree-style-tab-is-a-webextension-now/

Tôi muốn thanh tab tự động ẩn khi có 1 tab và xuất hiện khi có nhiều tab. Không giống như câu hỏi nhưng đây là về kết quả Google duy nhất hiện tại cho 57+ vì vậy đối với những người cần nó tronguserChrome.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; }

Thật không may, hiện tại có thể tùy chỉnh giao diện người dùng cụ thể đó thông qua các API bổ trợ được hỗ trợ của Firefox Quantum; một giải pháp thích hợp sẽ có thể thực hiện được khi Bug 1332447 được giải quyết.

Cho đến lúc đó, tinh chỉnh của VasyaNovikov vẫn userChrome.csshoạt động, mặc dù chỉnh sửa tệp đó chắc chắn là một tùy chọn có nguy cơ của bạn, không được hỗ trợ chính thức.

Tôi đã chắt lọc câu trả lời của VasyaNovikov vào một ý chính để chạy trên boxen Linux và OS X của tôi, hy vọng nó sẽ giúp bất kỳ ai khác ngoài đó với một số máy cá nhân. Tôi cũng muốn chỉ ra rằng sau khi áp dụng câu trả lời của mình, nút quay lại sẽ nằm bên dưới nút đóng trong OS X. Cách khắc phục là chèn ba khoảng trắng linh hoạt vào thanh công cụ (nhấp chuột phải vào thanh công cụ, chọn Tùy chỉnh ..., sau đó chọn chèn ba khoảng trắng để nút quay lại di chuyển sang phải).

Nếu ai đó có CSS ​​phù hợp để chèn vào userChrom.css để thực hiện hiệu ứng tương đương trên nút quay lại, thì điều đó sẽ được đánh giá rất cao.

Thêm vào userChrom.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;
}

Hoạt động trên Firefox 70.0 nhưng _ □ Xthiếu.