J'ai commencé à utiliser onglet style arbre sur Firefox. C'est une excellente solution pour les cas où vous avez beaucoup, beaucoup d'onglets et vous souhaitez ajouter un certain niveau d'organisation.
Il devient de plus en plus inutile d'avoir la liste des onglets sur le haut de mon navigateur.
Est-il possible de masquer la liste des onglets en haut du navigateur?
Pour masquer les onglets natifs, vous devrez ajouter un nouveau fichier appelé userChrome.css
et la propriété CSS visibility: collapse
.
Pour ce faire, en Firefox, cliquez sur Cliquez sur Menu -> Help -> Troubleshooting Information
ou accédez à about:support
Dans la barre d'adresse.
Sous le Application Basics
section, il y aura une section appelée Profile Directory
avec un bouton de Open Directory
.
Dans le Profile Directory
Créez un nouveau dossier appelé chrome
. Dans le dossier chrome
Créez ou modifiez le fichier userChrome.css
s'il existe déjà.
Le contenu de userChrome.css
devrait être ce qui suit.
/* hides the native tabs */
#TabsToolbar {
visibility: collapse;
}
Quelques modifications optionnelles supplémentaires à mettre en userChrome.css
sommes:
/* hides the title bar */
#titlebar {
visibility: collapse;
}
/* hides the sidebar */
#sidebar-header {
visibility: collapse !important;
}
Une configuration qui xilin sun utilise est:
/* hides the native tabs */
#TabsToolbar {
visibility: collapse;
}
/* leaves space for the window buttons */
#nav-bar {
margin-top: -8px;
margin-right: 74px;
margin-bottom: -4px;
}
Essayez-les et voyez ce que vous croyez mieux.
Pour répondre à votre question dans le commentaire, vous pouvez mieux aimer cette option. J'ai essayé d'utiliser la visibilité, mais c'était extrêmement flashy et gênant avec le vol stationnaire.
/* Option 1 */
#TabsToolbar {
opacity: 0.0;
}
#TabsToolbar:hover {
opacity: 1.0;
}
/* Option 2 */
#TabsToolbar {
visibility: collapse;
}
#navigator-toolbox:hover #TabsToolbar {
visibility: visible;
}
Si vous exécutez Windows 10, j'ai trouvé ce qui suit donne la meilleure intégration:
#main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar {
opacity: 0;
pointer-events: none;
}
#main-window:not([tabsintitlebar="true"]) #TabsToolbar {
visibility: collapse !important;
}
Vous pouvez simplement appuyer sur F11 pour aller plein écran. Il enlève la barre des onglets natifs entre autres.
Ce CSS supprime des onglets, mais conserve le menu et minimise/maximisez/fermez/fermez les boutons.
#tabbrowser-tabs { visibility: collapse;}
Fonctionne dans la version 83 FF