Como ocultar barra de guias (tabstrip) no Firefox 57+ Quantum


56

Como ocultar / desativar / remover a barra de guias do Firefox 57+ ("Quantum")?

O objetivo é apenas ocultar totalmente a barra de guias. Útil se combinado com extensões como "Guia Estilo da árvore".

Nota: existe uma pergunta semelhante aqui: O Firefox oculta tudo, exceto a área de conteúdo do navegador, mas não é adequadamente dividido em tarefas logicamente independentes. Além disso, está desatualizado.


Para informações do OP, adicionei uma nova resposta na pergunta vinculada que usa, userChrome.cssmas com nome e ID do elemento diferente.
clearkimura

Aqui você pode obter as ferramentas de desenvolvimento para encontrar identificações de elementos e estilos de teste ao vivo: reddit.com/r/FirefoxCSS/comments/73dvty/…
Tim Abell

Respostas:


63
  1. Abra o "diretório de perfil" do firefox
  2. Crie um diretório chrome/se ele não existir
  3. Crie um arquivo chrome/userChrome.cssdentro se ele não existir.
  4. Adicione este texto ao arquivo:

    #TabsToolbar { visibility: collapse !important; }
    
  5. Verifique se a configuração toolkit.legacyUserProfileCustomizations.stylesheetsestá definida como true(necessária para o Firefox69 +, a versão estável desde setembro de 2019), consulte este tutorial .

  6. Salve o arquivo e recarregue o Firefox. Você não verá mais barra de guias.

Solução PS parcialmente retirada daqui: https://www.ghacks.net/2017/09/27/tree-style-tab-is-a-webextension-now/


9
Aqui está uma maneira mais simples de abrir o diretório do seu perfil: support.mozilla.org/pt-BR/kb/…
thSoft

Parece um pouco feio. Onde você encontrou o layout do DOM (como sabia usar #tabbrowser-tabs)? No OSX Eu acho que isso precisa de um min-height (ou algo assim) i.imgur.com/oJOinx4.png
Hayd

Configuração #TabsToolbar { height: 40px; }parece estar a fazer o truque , parece não importa o que altura eu coloquei lá dentro, assim que algo estranho está acontecendo. Nota: Encontrei os IDs aqui .
Hayd

1
@hayd obrigado por seus comentários! Eu tentei sua solução no Linux, mas não funcionou. Isso funciona: #TabsToolbar { visibility: collapse !important; } Você pode testar esse código no seu sistema operacional para ver se funciona? (Seria bom para encontrar uma solução comum que funciona em qualquer sistema operacional.)
VasyaNovikov

1
Os seletores de CSS foram alterados novamente no Firefox 66. Aqui está um novo CSS que funciona muito bem no macOS: gist.github.com/stevelandeyasana/…
Steve Landey

9

Quero que a barra de guias oculte automaticamente quando houver uma guia e apareça quando houver várias. Não é o mesmo que a pergunta, mas este é o único resultado do Google no momento para mais de 57 anos, portanto, para aqueles que precisam deleuserChrome.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; }

No Firefox 59, este userChrome.css não funciona corretamente: a última guia está oculta, mas o +botão ainda está visível e, portanto, toda a região da guia é exibida.
Gioele

2
@gioele Deverá funcionar se você for para Personalizar o Firefox e arrastar o novo botão da guia para fora da barra de guias, ele pode ser colocado na barra de ferramentas ou no menu principal. Se você realmente quiser, não tentei isso porque não uso esse botão, mas se alguém aparecer, posso editar a resposta.
Aaron-bru

Na verdade, ele funciona depois que você remove o +botão.
Gioele

8

Infelizmente, atualmente essa personalização de interface do usuário não é possível através das APIs de complemento suportadas pelo Firefox Quantum; uma solução adequada será possível depois que o Bug 1332447 for resolvido.

Até então, o tweak de VasyaNovikov userChrome.cssfuncionava, embora editar esse arquivo seja definitivamente uma opção por sua conta e risco e não oficialmente suportada.


1

Eu destilei a resposta de VasyaNovikov em uma essência para rodar no meu Linux e OS X boxen, espero que ajude qualquer pessoa com várias máquinas pessoais. Quero salientar também que, depois de aplicar sua resposta, o botão Voltar ficará embaixo do botão Fechar no OS X. A correção é inserir três espaços flexíveis na barra de ferramentas (clique com o botão direito do mouse na barra de ferramentas, selecione Personalizar ... e, em seguida, insira três espaços para que o botão Voltar se mova para a direita).

Se alguém tiver o CSS certo para inserir no userChrome.css para obter o efeito equivalente no botão Voltar, isso será muito apreciado.


1

Adicionar ao 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;
}

Funciona no Firefox 70.0, mas _ □ Xestá faltando.

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.