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

29

Quero testar a versão móvel de um site usando o Google Chrome for Desktop.

Normalmente, consigo carregar sites para dispositivos móveis prefixando m.antes do URL, mas tentar carregar m.superuser.comou m.github.comresultar apenas no erro "O site não pode ser alcançado ".

Como posso testar a versão móvel de um site no Chrome for Desktop?

google-chrome mobile-url Stevoisiak
fonte
2
Clicar no link "celular" na parte inferior de qualquer página funciona bem para mim.
DavidPostill
1
Já foi solicitado e respondido ; p
DavidPostill
3
@DavidPostill Você está vinculando a uma meta questão que pergunta sobre como executar o Stack Exchange na versão móvel no navegador de desktop. Tenho certeza de que o OP está perguntando como executar qualquer site dessa maneira. São quase dois casos completamente diferentes.
Trejder

Respostas:

41

Você pode usar as ferramentas de desenvolvedor do Google Chrome para solicitar a versão móvel de um site:

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

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

    Ativando o modo de dispositivo

  3. (Opcional) Selecione o dispositivo móvel que você deseja simular com os ' controles da viewport '.

    Controles de viewport

  4. Atualize a página da Web com o modo de dispositivo ativado para permitir o carregamento da versão móvel.

    Visualizando site móvel para Superusuário

Fontes

Stevoisiak
fonte
@ steven-m-vascellaro, por algum motivo, o responsivemenu suspenso não é visível no meu chrome ... alguma ideia?
unknownerror 14/02/19
@ vardin - você precisa clicar no botão indicado pela seta vermelha gigante na primeira captura de tela para exibir o menu suspenso responsivo.
Andrew Hill