Como posso visualizar a versão para celular de uma página da web no Google Chrome for Desktop?

Question

Quero testar a versão para celular de um website usando o Google Chrome for Desktop.

Normalmente, posso carregar sites para dispositivos móveis prefixando m. antes do URL, mas tentando carregar m.superuser.com ou m.github.com apenas resulta em um erro " Site não pode ser alcançado ".

Como posso testar a versão para celular de um site no Chrome for Desktop?

    

Answer 1

Você pode usar as ferramentas de desenvolvedor do Google Chrome para solicitar a versão para celular de um website:

1. Abra as ferramentas de desenvolvedor do Chrome com F12 .

2. Clique no botão ' Barra de ferramentas do dispositivo de alternância ' para ativar ou desativar o Modo de dispositivo. (O ícone fica azul quando o Modo de dispositivo está ativado).

   

3. (Opcional)Selecionequaldispositivomóvelvocêdesejasimularcomos'Controlesdaviewport'.

   

4. AtualizeapáginadaWebcomomododedispositivoativadoparapermitirqueaversãoparacelularsejacarregada.

   

Fontes

• Google Developers - Simule dispositivos móveis com o modo de dispositivo
• Google Developers - Teste de viewports responsivos e específicos de dispositivo
• Reddit - Como faço para forçar o Chrome (desktop) a carregar a versão móvel de um site em vez de a versão para desktop?