Cara menyembunyikan bilah tab (tabstrip) di Firefox 57+ Quantum

56

Bagaimana cara menyembunyikan / menonaktifkan / menghapus bilah tab di Firefox 57+ ("Quantum")?

Tujuannya adalah menyembunyikan tab bar secara total. Berguna jika dipasangkan dengan ekstensi seperti "Tab Gaya Pohon".

Catatan: ada pertanyaan serupa di sini: Firefox menyembunyikan semuanya kecuali area konten browser tetapi tidak dibagi dengan benar menjadi tugas yang independen secara logis. Juga, sudah ketinggalan zaman.

VasyaNovikov
sumber
Untuk informasi OP, saya telah menambahkan jawaban baru dalam pertanyaan tertaut yang digunakan userChrome.csstetapi dengan nama elemen dan ID yang berbeda.
clearkimura
Di sini Anda bisa mendapatkan alat dev untuk menemukan id elemen dan gaya uji langsung: reddit.com/r/FirefoxCSS/comments/73dvty/…
Tim Abell

Jawaban:

63
  1. Buka "direktori profil" firefox Anda
  2. Buat direktori chrome/jika tidak ada
  3. Buat file chrome/userChrome.cssdi dalam jika tidak ada.
  4. Tambahkan teks ini ke file:

    #TabsToolbar { visibility: collapse !important; }
    
  5. Pastikan konfigurasi toolkit.legacyUserProfileCustomizations.stylesheetsdiatur ke true(diperlukan untuk Firefox69 +, versi stabil sejak September 2019), lihat tutorial ini .

  6. Simpan file dan muat ulang firefox. Anda seharusnya tidak melihat bilah tab lagi.

Solusi PS sebagian diambil dari sini: https://www.ghacks.net/2017/09/27/tree-style-tab-is-a-webextension-now/

VasyaNovikov
sumber
9
Berikut adalah cara yang lebih sederhana untuk membuka direktori profil Anda: support.mozilla.org/en-US/kb/…
thSoft
Ini terlihat agak jelek, di mana Anda menemukan tata letak DOM (bagaimana Anda tahu menggunakan #tabbrowser-tabs)? Pada OSX Saya pikir ini membutuhkan min-height (atau sesuatu) i.imgur.com/oJOinx4.png
hayd
Pengaturan #TabsToolbar { height: 40px; }sepertinya melakukan trik , sepertinya tidak masalah berapa tinggi yang saya letakkan di sana, jadi sesuatu yang aneh sedang terjadi. Catatan: Saya menemukan id di sini .
hayd
1
@hayd, terima kasih atas komentar Anda! Saya mencoba solusi Anda di Linux, tetapi tidak berhasil. Ini bekerja meskipun: #TabsToolbar { visibility: collapse !important; } Dapatkah Anda menguji kode ini pada OS Anda untuk melihat apakah itu berfungsi? (Akan lebih baik untuk menemukan solusi umum yang bekerja pada OS apa pun.)
VasyaNovikov
1
Penyeleksi CSS berubah lagi di Firefox 66. Inilah CSS baru yang bekerja sangat baik di macOS: gist.github.com/stevelandeyasana/…
Steve Landey
9

Saya ingin bilah tab disembunyikan secara otomatis ketika ada 1 tab dan muncul ketika ada beberapa. Tidak sama dengan pertanyaan, tetapi ini adalah satu-satunya hasil Google sekarang untuk 57+ jadi bagi mereka yang membutuhkannyauserChrome.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; }
aaron-bru
sumber
Di Firefox 59, userChrome.css ini tidak berfungsi dengan baik: tab terakhir disembunyikan, tetapi +tombol masih terlihat dan dengan demikian seluruh wilayah tab ditampilkan.
gioele
2
@gioele Ini seharusnya berfungsi jika Anda pergi ke Customize Firefox dan seret tombol tab baru dari bilah tab, itu dapat ditempatkan di bilah alat atau menu utama. Jika Anda benar-benar menginginkannya di sana, saya belum mencobanya karena saya tidak menggunakan tombol itu, tetapi jika ada yang muncul saya bisa mengedit jawabannya.
aaron-bru
Memang itu berfungsi setelah Anda menghapus +tombol.
gioele
8

Sayangnya, kustomisasi UI tertentu saat ini tidak dimungkinkan melalui add-on API tambahan Firefox yang didukung; solusi yang tepat akan mungkin setelah Bug 1332447 diselesaikan.

Sampai saat itu, perubahan VasyaNovikov userChrome.cssbekerja, meskipun mengedit file itu jelas merupakan risiko yang Anda miliki sendiri, bukan opsi yang didukung secara resmi.

Callahad
sumber
1

Saya menyaring jawaban VasyaNovikov menjadi inti untuk dijalankan di Linux dan OS X boxen saya, semoga membantu orang lain di luar sana dengan beberapa mesin pribadi. Saya ingin juga menunjukkan bahwa setelah menerapkan jawabannya, tombol kembali akan duduk di bawah tombol tutup di OS X. Cara mengatasinya adalah dengan memasukkan tiga ruang fleksibel ke dalam bilah alat (klik kanan pada bilah alat, pilih Kustomisasi ..., lalu masukkan tiga spasi sehingga tombol kembali bergerak ke kanan).

Jika seseorang memiliki CSS yang tepat untuk dimasukkan ke dalam userChrome.css untuk mencapai efek yang setara pada tombol kembali, maka itu akan sangat dihargai.

pengguna821800
sumber
1

Tambahkan ke 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;
}

Bekerja di Firefox 70.0 tetapi _ □ Xhilang.

lyuboslav kanev
sumber