Pular para o conteúdo

Tamanhos, emulação e localização

Testar a página em outros tamanhos de tela, emular dispositivos, rede e CPU, e sobrescrever a geolocalização.

Ver Markdown

Três ajustes que mudam o ambiente em que a página se enxerga: o tamanho da tela, as condições de rede e processamento, e a posição geográfica reportada.

Tamanhos de viewport

  • Na barra de ferramentas há um grupo de dispositivo que aplica um preset de tamanho.
  • No menu de três pontos há a lista de tamanhos, com presets que cobrem do celular pequeno ao notebook grande, passando por tablet.
  • O preset escolhido é lembrado por aba — cada aba tem o seu.

Um tamanho definido à mão também é possível, com largura, altura, escala e modo móvel.

Um override de viewport esconde o layout real até ser removido. Se a página parecer estranha depois de um teste, confirme se ainda há um tamanho aplicado naquela aba.

Emulação de dispositivo, rede e CPU

Pela linha de comando é possível aplicar emulações que vão além do tamanho:

Emulação O que faz
Dispositivo Aplica um dispositivo conhecido à aba
CPU Aplica limitação de processamento, com taxa inteira maior ou igual a 1
Rede Aplica uma condição de rede: slow-3g, fast-3g, slow-4g, fast-4g, offline ou no-throttling
Offline Liga e desliga o modo offline
Preferências de mídia Define esquema de cores e preferência de movimento reduzido

O resultado da emulação de rede imprime as taxas efetivas aplicadas — é o que permite dizer o que foi emulado, em vez de supor.

Redefinir limpa CPU e rede de uma vez. Se você emulou rede para medir algo, redefina antes da próxima medição: throttling esquecido contamina o próximo número.

Geolocalização

A geolocalização sobrescreve a posição reportada à página. É preciso informar latitude e longitude; a precisão é opcional.

Uma posição falsa muda o que a página mostra e o que ela pode consentir. Conteúdo regional, avisos e consentimentos podem reagir à posição — inclusive de formas que você não quer deixar registradas numa conta real.

Limites

  • A emulação vale por aba e vale enquanto estiver aplicada.
  • O override de viewport e a emulação não mudam a janela do app: eles mudam o que a página acha que é a tela.
  • As taxas e condições efetivas precisam ser lidas na saída do comando — não há promessa de que a máquina consiga reproduzir exatamente a condição pedida.