Como visualizar sites móveis em seu computador no Chrome

Logotipo do Google Chrome.

A maior parte do uso da Internet agora acontece em telefones e tablets, então você pode querer verificar a aparência de um site no celular. O Google Chrome tem uma ferramenta útil que permite fazer isso diretamente do seu computador desktop.

Talvez você esteja desenvolvendo para a web e queira testar a capacidade de resposta do seu site, ou talvez esteja apenas curioso. De qualquer forma, você pode verificar rapidamente no menu “Inspecionar” do Chrome. Vamos mostrar como funciona.

Primeiro, navegue até o site que deseja ver no modo de exibição móvel do Chrome na área de trabalho. Uma vez lá, você pode fazer uma das duas coisas:

  • Clique com o botão direito no espaço em branco e selecione “Inspecionar” no menu.
  • Use o atalho de teclado Ctrl + Shift + I (é um “i” maiúsculo).

Abra o menu "Inspecionar".

O menu Inspecionar será aberto no lado direito da janela do navegador. Tudo o que você precisa fazer é clicar no ícone do dispositivo na barra de ferramentas superior.

A página mudará imediatamente para um layout móvel. Por padrão, ele estará no modo “Responsivo” e você pode arrastar a alça do lado direito para ver a página mudar dinamicamente conforme a tela fica mais larga.

Arraste a alça do lado direito para ver a página mudar dinamicamente.

Você também pode selecionar o menu suspenso na barra superior e ver a página formatada para dispositivos específicos.

Clique no menu suspenso para alterar os dispositivos.

Feche o menu “Inspecionar” ou clique no ícone do dispositivo novamente para voltar ao layout da área de trabalho.

Feche o menu "Inspecionar".

Isso é tudo que há para fazer. Agora, você pode facilmente visualizar sites em uma variedade de layouts móveis diferentes no Chrome, sem se preocupar em pegar o telefone.

Recomendado:  Como marcar uma imagem como spoiler no Discord