Firefox esconde tudo, exceto a área de conteúdo do navegador

Question

Existe a possibilidade de esconder todas as bordas e barras no Firefox como barra de endereços, barra de navegação, título da janela e abas, então a área restante é apenas a área de conteúdo do navegador?

Eu gostaria de fazer um filme de um aplicativo da web que escrevi, mas tenho que filmá-lo em uma resolução maior do que o aplicativo em si. Eu simplesmente quero mostrar o aplicativo em um plano de fundo sem todas as coisas do navegador.

O melhor método seria através do atalho de teclado, para que eu possa reativar todas as coisas novamente.

    

Answer 1

A maneira mais fácil é instalar complementos relevantes no seu Firefox.

Para o Firefox Legacy (versão 56 e anterior)

Eu costumava experimentar esse tipo de coisa há alguns anos para o Firefox no Windows, e agora ainda tenho sucesso semelhante com o Firefox no Linux. Os seguintes complementos são usados:

• Ocultar barra de navegação , testado com 1.41.1 assinado
• Ocultar a barra de ferramentas , testado com o sinal assinado 2.1.0.1
• HideScrollbars , testado com a assinatura assinada em 0.2.1

Estes add-ons estão disponíveis para todos os sistemas (Windows, Linux, Mac OS X), mas eu testei apenas com o Firefox 41.0 no Linux. Siga estas etapas para configurar:

1. Instale os complementos acima juntos, um por um
2. Reinicie o Firefox (senão, saia e execute o Firefox novamente)
3. Abra Gerenciador de Complementos no menu (senão, pressione Ctrl + Deslocamento + A )
4. Na coluna da esquerda, clique em Extensões e procure as extensões acima (você precisará configurar apenas os dois primeiros complementos acima)
5. Para cada complemento, clique em Preferências e altere a tecla de atalho

Por exemplo, eu usei chaves separadas F3 e F4 para alternar o menu de navegação e a barra de abas (via Hide Navigation Bar e Hide Tabbar) respectivamente. Para ocultar as barras, pressione as teclas designadas, por exemplo, pressione F3 e então F4 . Isso dará ao Firefox apenas uma barra de título visível (decoração de janela).

No entanto, atribuir a mesma chave não funcionou bem para mim, provavelmente porque existe algum atraso para ocultar qualquer barra. Da mesma forma, você obterá um resultado semelhante se tentar pressionar as teclas separadas ao mesmo tempo. De qualquer forma, um dos bares não vai se esconder e brincar de esconde-esconde com você.

Para o Firefox Quantum (versão 57 +)

Existe um complemento relativamente novo, Nova janela sem barra de ferramentas por tkrkt. Ao contrário dos complementos herdados que experimentei anteriormente, esse complemento tem uma maneira bastante simples de obter resultados semelhantes.

Oadd-onpodeexibirapáginadevisualizaçãoatualemumanovajanelaqueocultatudo,excetoabarradetítuloeabarraderolagemvertical.

AnovajanelaabriráqualquerpáginadaWebhospedadaemHTTP,HTTPSehostlocal.ComsegurançareforçadanoFirefoxQuantum,noentanto,osistemadearquivoslocal(arquivo:///)easpáginasinternas(sobre:*)podemnãoservisualizadasatravésdestecomplemento.

Oadd-ontemconfiguraçãozeroenenhumatalhodeteclado,masacessívelnabarradeferramentasenomenudecontexto.Apesardaslimitações,essenovocomplementoéprovavelmenteasoluçãomaisfácilatéomomento.

ParaoFirefoxsemcomplemento(todasasversões)

Eupostei uma resposta separada abaixo (clique ou role para baixo) que funciona para o Firefox 57 e também para versões mais antigas lançamentos, mas não da maneira mais fácil e não tem atalhos de teclado.

    

Answer 2

A próxima maneira mais fácil é fazer uso do arquivo userChrome.css . Ao editar este arquivo, certifique-se de usar nomes de elemento e códigos válidos para a interface do Firefox.

A folha de estilo personalizada

O bloco de código a seguir é o conteúdo da folha de estilos personalizada userChrome.css que criei para ocultar a barra de guias, a barra de navegação e as barras de rolagem no Firefox.

/*
 * Do not remove the @namespace line -- it's required for correct functioning
 */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */

/*
 * Hide tab bar, navigation bar and scrollbars
 * !important may be added to force override, but not necessary
 */
#TabsToolbar {visibility: collapse;}
#navigator-toolbox {visibility: collapse;}
#content browser {margin-right: -14px; margin-bottom: -14px;}

Compatibilidade e uso

A folha de estilo personalizada é aplicável a todas as versões do Firefox, a menos que haja alterações no futuro. Eu testei usando o Firefox 28, 47, 54 (Firefox Legacy) e 57 (Firefox Quantum) no Linux e tudo parecia funcionar como esperado.

Este método não tem uma maneira de ocultar ou mostrar os elementos da interface do usuário por meio de atalhos de teclado. O usuário pode restaurar a IU padrão renomeando userChrome.css para outra coisa, por exemplo, userChrome.tmp e reiniciar o Firefox para entrar em vigor.

Para usar lado a lado com outra instância do Firefox com a interface do usuário padrão, use um perfil separado .

Todos os perfis são armazenados na pasta de perfil , que pode ser localizado a partir do Firefox usando a barra de menu ou barra de ferramentas, em seguida navegue até Ajuda > Informações sobre solução de problemas .

Instrução de configuração

A seguir, são etapas genéricas, independentemente da plataforma do sistema.

1. Execute Gerenciador de perfis do Firefox e crie um novo perfil, por exemplo, 'hideui' e, em seguida, feche o Gerenciador de perfis

2. Abra um gerenciador de arquivos e vá para a pasta de perfil recém-criada, crie outra nova pasta 'chrome' e crie um arquivo userChrome.css nessa pasta.

3. Copie a folha de estilos personalizada userChrome.css acima e cole o conteúdo no arquivo criado na etapa 2. Salve e feche o arquivo.

Por fim, execute uma instância do Firefox com o perfil recém-criado.

A captura de tela a seguir mostra o Firefox Quantum no Linux navegando pelas informações de solução de problemas (about: support) no tamanho da janela pequena, quando a folha de estilo personalizada é usada.

Referências

• Esta resposta de pelo usuário1929 no Fórum de Suporte do Firefox mencionou #TabToolbar nome do elemento e ID para modificar a barra de guias.

• Este arquivo personalizado de Timvde no GitHub mencionado #navigator-toolbox nome do elemento e ID para modificar a barra de navegação.

• Esta resposta de cor-el no Fórum de Suporte do Firefox mencionado #content browser nome do elemento e ID para modificar as barras de rolagem.

• estouro de CSS nas w3schools para entender que overflow não é necessário.

• Propriedade CSS visibility on w3schools para entender o valor de visibility .

• Quais são as implicações de usar “! importante ”em CSS? no Stack Overflow para entender que !important não é necessário.

Answer 3

A melhor opção que conheço é o modo de tela cheia, que é alternado usando F11 em todos os navegadores modernos. Isso ocultará o plano de fundo da área de trabalho e outros aplicativos, que podem não ser o que você deseja. Ele simplesmente preencherá o espaço em torno do conteúdo do aplicativo da Web com branco (ou qualquer que seja a cor / imagem de fundo na folha de estilo do aplicativo da Web).

    

Answer 4

Eu amo o Firefox e o Vivaldi. Uma das melhores características do Vivaldi (eu sendo um usuário de gestos do mouse) é que ele tem muitas opções (barras laterais, marcadores, barra de endereços, barra de status, etc.) que podem ser ajustadas e movidas ...

Um atalho diz "Ocultar interface do usuário". Tudo desaparece ... então quando você não precisa ver abas / addy bar etc, então eu apenas faço um rabisco de mouse e fico com a página e a janela.

Magia.

Melhor ainda, a cor da janela recebe dicas da página da Web e funciona muito bem - combina muito bem.

    

Answer 5

Você pode executar a janela do aplicativo na linha de comando

"c: \ Arquivos de programas \ Mozilla Firefox" \ firefox.exe -chrome " link "

e coloque em um desktop estendido com um fundo de sua escolha.

    

Answer 6

apenas pressione F11 e isso vai esconder o url / tab e tudo. não há necessidade de instalar nenhum addon

funciona no google chrome e no mozilla

    

Answer 7

As perguntas sobre como fazer isso no Firefox Quantum ( > = 57 ) talvez responda a essa pergunta ( Firefox Quantum (> = 57) Como alternar todas as barras de ferramentas? (com um atalho de teclado, como F11, mas em uma janela, não em tela cheia) )

F11 / Fullscreen às vezes é impraticável.
Se você quer apenas alternar as barras de ferramentas nas versões do Firefox anterior para 57 é possível com o addon "Dorando keyconfig":

1. especifique um script no Dorando "Key Editor":

var s = document.getElementById('status-bar');
s.hidden = !s.hidden;
var b = document.getElementById('PersonalToolbar');
b.collapsed = !b.collapsed;
var nb = document.getElementById('nav-bar');
nb.collapsed =!nb.collapsed
var tb = document.getElementById('TabsToolbar');
tb.collapsed =!tb.collapsed

2. mapeá-lo para um atalho de teclado através da interface addon Dorando

    

Answer 8

Eu sei que isso é super tarde, mas eu fiz um bookmarklet para isso, não requer add ons e nenhum download:)

Salve o seguinte código JavScript como um bookmarklet e clique nele na página em que deseja visualizar a fonte gerada de:

javascript:void%20function(){window.open(window.location.href,Math.random(),%22menubar=1,resizable=0%22)}();

Clique aqui para facilitar o processo! | JSfiddle

Nota: Isso deve funcionar em todos os navegadores