Quanto espaço vertical posso recuperar de um navegador?

Eu uso o Firefox com o complemento Tree Style Tabs . Isso permite que você organize as guias em uma estrutura de árvore -- perfeita para organizar tíquetes de pesquisa e trabalho, que é onde eu originalmente ouvi falar de guias de estilo de árvore -- e, no Firefox, você pode ir em tela cheia ( F11) enquanto mantém a barra de guias ativada o lado visível (você também pode alternar via F1).

Dito isto, o uso de guias de estilo de árvore envolve efetivamenteabout:config definir uma opção e criar um arquivo userChrome.css. Então vou seguir os passos abaixo.

Zero

Você precisará instalar o Firefox, pois as guias de estilo de árvore só funcionam com o Firefox. Em seguida, você precisará instalar o complemento Tree Style Tabs .

Primeiro

A about:configopção que você deseja habilitar é:

toolkit.legacyUserProfileCustomizations.stylesheets

O padrão é false. Alterne para true.

Segundo

Em seguida, você pode criar um chrome/userChrome.cssarquivo em seu diretório de perfil raiz . Visite about:profilese o perfil principal listado deve ser o em uso. Ele deve mostrar um caminho para o diretório raiz:

Abra esse diretório. Você provavelmente precisará criar o chromediretório. Em seguida, dentro do chromediretório, adicione um userChrome.cssarquivo. O meu está abaixo:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/* Hide horizontal tab toolbar */
#TabsToolbar {
    visibility:collapse!important;
}

/* Hide "Tree Style Tabs" sidebar header */
#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header {
    display:none;
}

Depois de alternar essa about:configentrada e criar um userChrome.cssarquivo, feche o navegador e abra-o novamente. Observe que as guias estão agora à esquerda e você tem várias opções para abrir novas guias como filhas ou irmãs das guias existentes.

Demonstração

Não importa o quanto eu tente, não consigo obter um GIF útil com menos de 2 MiB para demonstrar isso nativamente no SuperUser. Então... você pode ver uma demonstração aqui no imgur:

https://imgur.com/a/7EsXelz

Para se livrar de ainda mais espaço vertical sem tela cheia

Percebi que um de seus comentários queria se livrar da barra de navegação e não queria usar o recurso de tela cheia. Encontrei isso , que ocultará a barra de navegação, a menos que você passe o mouse sobre a região. É outro userChrome.cssajuste que você pode fazer:

/* Hide nav bar entirely unless moused over */
#nav-bar {
  /* customize this value. */
  --navbar-margin: -44px;

  margin-top: var(--navbar-margin);
  margin-bottom: 0;
  z-index: -100;
  transition: all 0.3s ease !important;
  opacity: 0;
  background-color: rgba(0,0,0,0.8) !important;
}

#navigator-toolbox:focus-within > #nav-bar,
#navigator-toolbox:hover > #nav-bar
{
  margin-top: 0;
  margin-bottom: var(--navbar-margin);
  z-index: 100;
  opacity: 1;
}

Entre isso, remover a barra de favoritos e ocultar as guias de estilo de árvore com F1, você pode obter um espaço mínimo ocupado sem entrar em tela cheia:

Observe como o único espaço vertical ocupado é pelo Menu Bar. Optar por "escondê-lo" não o elimina completamente, apenas o reduz um pouco.