O que é Modo tela cheia?

O Modo Tela Cheia oferece um botão para entrar e sair da tela inteira na aba atual com um clique. Prático para apresentações, leitura ou foco sem distrações.

Clique uma vez e a página chama o Fullscreen API padrão para preencher seu monitor, escondendo abas, barra de tarefas e barra de endereços. Escolha uma cor de fundo entre as preestabelecidas para definir o clima: preto puro para cinema, branco para revisões médicas ou de design, azul-marinho para apresentações. Aperte Esc a qualquer momento para voltar à janela normal.

Como usar

  1. Passo 1 — Clique no botão 'Entrar em Tela Cheia' para que a página preencha toda a tela.
  2. Passo 2 — Pressione Escape ou clique em 'Sair da Tela Cheia' para voltar à visualização normal.
  3. Passo 3 — Use o seletor de cor de fundo opcional para definir um plano de fundo personalizado para apresentações.

Quando usar

  • Fazer um demo rápido ou um pitch sem que as barras de ferramentas roubem atenção.
  • Ler textos longos no notebook sem barra lateral ou abas no canto da visão.
  • Montar uma tela de quiosque em um evento para que o visitante só veja o que você escolheu.

Resultado

Clique em tela cheia, escolha um fundo escuro e apresente seus slides sem barras de ferramentas no caminho.

Perguntas frequentes

Por que o navegador pede permissão antes de ir para tela cheia?
Os navegadores exigem um gesto explícito do usuário (clique ou tecla) antes de ativar a tela cheia, para que páginas não tomem o monitor sem aviso. Alguns navegadores ainda mostram um diálogo único de confirmação na primeira vez em cada site.
Como saio da tela cheia?
Aperte Esc. Essa tecla é tratada pelo próprio navegador, então sempre funciona, mesmo que a página se comporte mal. Também dá para usar o botão de sair do painel, ou F11 no Windows e Linux para alternar o modo.
Por que em alguns ambientes a tela cheia não funciona?
Iframes em sandbox, prévias móveis embutidas e alguns navegadores travados por política corporativa desativam o Fullscreen API por segurança. A ferramenta detecta isso e mostra um selo de «Não suportado» em vez de quebrar com erro.
A página continua rodando código enquanto está em tela cheia?
Roda normalmente; a única diferença é que o chrome do navegador e as barras do sistema ficam escondidos. Eventos de teclado continuam chegando, o mouse responde e qualquer vídeo ou canvas continua sendo renderizado no novo tamanho de viewport.
Tela cheia muda a resolução da tela?
Não. O Fullscreen API só estica a página para cobrir todo o monitor na resolução atual. Para mudar a resolução em si é preciso mexer nas configurações de exibição do sistema ou usar o modo tela cheia nativo de um jogo, que é outro mecanismo.

Ferramentas relacionadas