web-dev-qa-db-fra.com

Puis-je masquer des onglets natifs au sommet de Firefox?

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?

20
Cauder

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;
}
19
DrZoo

Si vous exécutez Windows 10, j'ai trouvé ce qui suit donne la meilleure intégration:

screenshot of windows 10 tab integration

  1. Activer le mode "barre de titre" en allant au menu Hamburger → Personnaliser → Cochez la case "Barre de titre" en bas de l'écran.
  2. Appliquez le suivant serchrome.css :
#main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar {
    opacity: 0;
    pointer-events: none;
}

#main-window:not([tabsintitlebar="true"]) #TabsToolbar {
    visibility: collapse !important;
}
4
Will

Vous pouvez simplement appuyer sur F11 pour aller plein écran. Il enlève la barre des onglets natifs entre autres.

0
buckley

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

0
MartinM