Firefox 57+ Quantum'da sekme çubuğu (sekme) nasıl gizlenir


56

Firefox 57+ 'de ("Quantum") sekme çubuğunu gizleme / devre dışı bırakma / kaldırma

Amaç sadece sekme çubuğunu tamamen gizlemektir. "Ağaç Stili Sekmesi" gibi uzantılarla eşleştirildiğinde kullanışlıdır.

Not: Burada benzer şekilde görünen bir soru var: Firefox, tarayıcının içerik alanı dışındaki her şeyi gizlemekte ancak mantıksal olarak bağımsız görevlere ayrılmamaktadır. Ayrıca, modası geçmiş.


OP bilgisi için, kullanılan ve farklı eleman adı ve kimliği olan bağlantılı soruya yeni bir cevap ekledim userChrome.css.
clearkimura

Öğe kimliklerini ve test stillerini canlı olarak bulmak için geliştirme araçlarını burada bulabilirsiniz: reddit.com/r/FirefoxCSS/comments/73dvty/…
Tim Abell

Yanıtlar:


62
  1. Firefox'unuzu "profil dizini" ni açın
  2. chrome/Varsa dizin oluşturun
  3. chrome/userChrome.cssVar değilse, içinde dosya oluşturun .
  4. Bu metni dosyaya ekle:

    #TabsToolbar { visibility: collapse !important; }
    
  5. Yapılandırmanın toolkit.legacyUserProfileCustomizations.stylesheetsayarlandığından emin olun true(Eylül 2019'dan bu yana kullanılan kararlı sürüm olan Firefox69 + için gereklidir), bu eğitime bakın .

  6. Dosyayı kaydedin ve firefox'u yeniden yükleyin. Artık sekme çubuğu görmemeniz gerekiyor.

PS Çözümü kısmen buradan alındı: https://www.ghacks.net/2017/09/27/tree-style-tab-is-a-webextension-now/


9
Profil dizininizi açmanın daha basit bir yolu: support.mozilla.org/en-US/kb/…
thSoft

Bu biraz çirkin görünüyor, DOM düzenini nerede buldunuz (kullanmayı nasıl bildiniz #tabbrowser-tabs?)? OSX üzerinde Bunun dk-height (veya şey) ihtiyacı var i.imgur.com/oJOinx4.png
Hayd

Ayar #TabsToolbar { height: 40px; }yapmak gibi görünüyor hile , bunun önemi tuhaf bir şey oluyor bu yüzden, orada ne koymak yükseklik gibi görünüyor. Not: Kimlikleri burada buldum .
17'de

1
@hayd Yorumlarınız için teşekkürler! Çözümünüzü Linux'ta denedim ama işe yaramadı. Bu işe yarıyor: #TabsToolbar { visibility: collapse !important; } Çalışıp çalışmadığını görmek için bu kodu işletim sisteminizde test edebilir misiniz? (Herhangi bir işletim sistemi üzerinde çalışan ortak bir çözüm bulmak iyi olurdu.)
VasyaNovikov

1
CSS seçicileri Firefox 66'da tekrar değişti. İşte macOS'ta
Steve Landey

9

Sekme çubuğunun 1 sekme olduğunda otomatik olarak gizlenmesini ve çoklu olduğunda görünmesini istiyorum. Soru ile aynı değil, ancak şu an 57+ için şu anda tek Google sonucuyla ilgili.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; }

Firefox 59'da bu userChrome.css düzgün çalışmaz: son sekme gizlenir, ancak +düğme hala görünür durumdadır ve böylece tüm sekme bölgesi görüntülenir.
gioele

2
@ gioele Firefox'u Özelleştir seçeneğine gidip yeni sekme düğmesini sekme çubuğunun dışına sürüklerseniz çalışmalıdır, ana araç çubuğuna veya menüye yerleştirilebilir. Eğer gerçekten orada istersen bunu denemedim çünkü o butonu kullanmıyorum, fakat birileri gelirse cevabını düzenleyebilirim.
aaron-bru, 16

Aslında, +düğmeyi çıkardığınızda bir işe yaramaz .
gioele

8

Maalesef, söz konusu UI özelleştirme şu anda Firefox Quantum'un desteklenen eklenti API'leri aracılığıyla mümkün değildir; Hata 1332447 çözüldüğünde uygun bir çözüm mümkün olacaktır .

O zamana kadar, VasyaNovikov'un userChrome.cssçalışması biraz zor olsa da, bu dosyayı düzenlemek kesinlikle kendi sorumluluğunuzda, resmen desteklenmeyen bir seçenek.


1

VasyaNovikov'un cevabını Linux ve OS X boxen üzerinde çalıştırmak için bir damlaya damlattım , umarım orada birkaç kişisel makine ile başkalarına yardımcı olur. Cevabını uyguladıktan sonra, geri düğmesinin OS X'te kapat düğmesinin altına oturacağını da belirtmek isterim. Düzeltme, araç çubuğuna üç esnek boşluk yerleştirmektir (araç çubuğuna sağ tıklayın, Özelleştir ... seçeneğini seçin, ardından geri düğmesi sağa hareket edecek şekilde üç boşluk yerleştirin).

Birisi, geri düğmesi üzerindeki eşdeğer etkiyi elde etmek için userChrome.css dosyasına yerleştirme hakkına sahip CSS'ye sahipse, bu çok memnun olacaktır.


1

UserChrome.css ekle

#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'da çalışıyor ancak _ □ Xeksik.

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.