So verbergen Sie die Tab-Leiste (Tabstrip) in Firefox 57+ Quantum

56

Wie kann ich die Tab-Leiste in Firefox 57+ ("Quantum") ausblenden / deaktivieren / entfernen?

Das Ziel ist es, die Tab-Leiste komplett auszublenden. Nützlich in Kombination mit Erweiterungen wie "Tree Style Tab".

Hinweis: Ähnlich sieht es hier aus: Firefox blendet alles außer dem Inhaltsbereich des Browsers aus , ist jedoch nicht ordnungsgemäß in logisch unabhängige Aufgaben unterteilt. Es ist auch veraltet.

VasyaNovikov
quelle
Für OP-Informationen habe ich der verknüpften Frage eine neue Antwort hinzugefügt , die userChrome.cssjedoch einen anderen Elementnamen und eine andere ID verwendet.
Clearkimura
Hier finden Sie die Entwickler-Tools, mit denen Sie Element-IDs und Teststile
Tim Abell

Antworten:

62
  1. Öffne dein Firefox-Profilverzeichnis
  2. Erstellen Sie ein Verzeichnis, chrome/falls es nicht existiert
  3. Erstellen Sie eine Datei, chrome/userChrome.cssfalls diese noch nicht existiert.
  4. Fügen Sie diesen Text der Datei hinzu:

    #TabsToolbar { visibility: collapse !important; }
    
  5. Stellen Sie sicher, dass die Konfiguration toolkit.legacyUserProfileCustomizations.stylesheetsauf true(erforderlich für Firefox69 +, die stabile Version seit September 2019) eingestellt ist, siehe dieses Tutorial .

  6. Speichern Sie die Datei und laden Sie Firefox neu. Sie sollten keine Tab-Leiste mehr sehen.

PS-Lösung teilweise hier entnommen: https://www.ghacks.net/2017/09/27/tree-style-tab-is-a-webextension-now/

VasyaNovikov
quelle
9
So öffnen Sie Ihr Profilverzeichnis einfacher: support.mozilla.org/en-US/kb/…
thSoft
Das sieht ein bisschen hässlich aus, wo hast du das DOM-Layout gefunden (woher wusstest du, dass du es verwendest #tabbrowser-tabs)? Unter OSX denke ich, dass dies eine minimale
hayd
Das Einstellen #TabsToolbar { height: 40px; }scheint den Trick zu tun , es scheint egal zu sein, welche Höhe ich da hineingesteckt habe, also passiert etwas Seltsames. Hinweis: Ich habe die IDs hier gefunden .
Hayd
1
@ Hayd vielen Dank für Ihre Kommentare! Ich habe Ihre Lösung unter Linux ausprobiert, aber es hat nicht funktioniert. Dies funktioniert jedoch: #TabsToolbar { visibility: collapse !important; } Können Sie diesen Code auf Ihrem Betriebssystem testen, um festzustellen, ob er funktioniert? (Es wäre gut, eine gemeinsame Lösung zu finden, die auf jedem Betriebssystem funktioniert.)
VasyaNovikov
1
Die CSS-Auswahl wurde in Firefox 66 erneut geändert. Hier ist das neue CSS, das unter Mac OS
hervorragend
9

Ich möchte, dass die Tab-Leiste automatisch ausgeblendet wird, wenn 1 Tab vorhanden ist, und angezeigt wird, wenn mehrere vorhanden sind. Nicht das Gleiche wie die Frage, aber es handelt sich um das einzige Google-Ergebnis für 57+, also für diejenigen, die es brauchenuserChrome.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
quelle
In Firefox 59 funktioniert diese userChrome.css nicht richtig: Die letzte Registerkarte ist ausgeblendet, aber die +Schaltfläche ist weiterhin sichtbar und somit wird der gesamte Registerbereich angezeigt.
Gioele
2
@gioele Es sollte funktionieren, wenn Sie zu Firefox anpassen gehen und die neue Tab-Schaltfläche aus der Tab-Leiste ziehen. Sie kann in der Hauptsymbolleiste oder im Menü platziert werden. Wenn du es wirklich willst, habe ich das nicht ausprobiert, weil ich diesen Knopf nicht benutze, aber wenn jemand darauf kommt, kann ich die Antwort bearbeiten.
Aaron-Bru
In der Tat funktioniert es, sobald Sie den +Knopf entfernen .
Gioele
8

Leider ist diese spezielle Anpassung der Benutzeroberfläche derzeit nicht über die von Firefox Quantum unterstützten Add-On-APIs möglich. Sobald der Fehler 1332447 behoben ist, ist eine ordnungsgemäße Lösung möglich .

Bis dahin funktioniert VasyaNovikovs Optimierungen userChrome.css, obwohl das Bearbeiten dieser Datei definitiv auf eigenes Risiko erfolgt und nicht offiziell unterstützt wird.

Callahad
quelle
1

Ich habe VasyaNovikovs Antwort in einer Zusammenfassung zusammengefasst , um sie auf meinen Linux- und OS X-Boxen auszuführen. Ich möchte auch darauf hinweisen, dass nach dem Anwenden seiner Antwort die Schaltfläche "Zurück" unter der Schaltfläche "Schließen" in OS X angezeigt wird. Die Korrektur besteht darin, drei flexible Leerzeichen in die Symbolleiste einzufügen (klicken Sie mit der rechten Maustaste auf die Symbolleiste, wählen Sie Anpassen ... und dann Fügen Sie drei Leerzeichen ein, damit der Zurück-Knopf nach rechts bewegt wird.

Wenn jemand das richtige CSS zum Einfügen in userChrome.css hat, um den entsprechenden Effekt auf den Zurück-Button zu erzielen, wäre dies sehr dankbar.

user821800
quelle
1

Fügen Sie zu userChrome.css hinzu

#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;
}

Funktioniert mit Firefox 70.0, aber die _ □ Xfehlen.

lyuboslav kanev
quelle