Como visualizar sites móveis em seu computador no 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).

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.

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

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

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.