Como acessar a versão para celular de um site no Chrome

Como acessar a versão para celular de um site no Chrome

Por Matheus Bigogno Costa | Editado por Bruno Salutes | 26 de Julho de 2021 às 15h50
Ivo/Canaltech

O Google Chrome (Android | iOS | Windows | macOS) é um dos navegadores mais utilizados da atualidade e oferece uma série de recursos para seus usuários. Um deles é a possibilidade de acessar a versão para celular de um site diretamente no PC.

Se o seu objetivo é testar ou usar um recurso específico de uma página que só possui na versão mobile, saiba que este procedimento é bastante rápido, prático, e ainda permite que você alterne o modo de visualização para outros modelos de dispositivos móveis. Confira abaixo o passo a passo!

Como acessar a versão para celular de um site no Chrome

Passo 1: abra o Google Chrome em seu PC, acesse o site cuja versão mobile você quer visualizar e clique no ícone de “Três pontos” do navegador no canto superior direito.

Quer ficar por dentro das melhores notícias de tecnologia do dia? Acesse e se inscreva no nosso novo canal no youtube, o Canaltech News. Todos os dias um resumo das principais notícias do mundo tech para você!

Abra o Google Chrome, acesse um site e clique no ícone de "Três pontos" (Captura de tela: Matheus Bigogno)

Passo 2: no menu aberto em seguida, selecione “Mais ferramentas” e, em seguida, clique em “Ferramentas do desenvolvedor”. Outra opção é utilizar o atalho “Ctrl + Shift + I”

Selecione "Mais ferramentas" e, depois, "Ferramentas do desenvolvedor" (Captura de tela: Matheus Bigogno)

Passo 3: com o menu de desenvolvedor aberto, clique no ícone de “Celular” no canto superior. Também é possível utilizar a tecla “F12” para acessar essa função mais rapidamente.

Clique no ícone indicado para acessar a versão para celular do site no Chrome (Captura de tela: Matheus Bigogno)

Passo 4: feito isso, você poderá não só visualizar o site, mas o cursor do mouse poderá funcionar como se fosse o seu dedo usando o celular.

Utilize o site normalmente, mas agora através da versão mobile (Captura de tela: Matheus Bigogno)

Passo 5: no menu superior, você pode clicar em “Responsive” para selecionar a resolução de algum dispositivo para fazer testes mais específicos.

É possível selecionar a visão para um dispositivo específico (Captura de tela: Matheus Bigogno)

Passo 6: no mesmo menu, é possível ainda ajustar a resolução manualmente.

Também é possível alterar a resolução manualmente (Captura de tela: Matheus Bigogno)

Passo 7: também é possível ajustar o zoom da página.

Altere o zoom, caso necessário (Captura de tela: Matheus Bigogno)

Passo 8: utilize o último ícone do menu para mudar a orientação do celular.

Por fim, ainda é possível alterar a orientação do celular (Captura de tela: Matheus Bigogno)

Pronto! Agora você pode acessar a versão para celular de um site no Chrome diretamente no PC.

Gostou dessa matéria?

Inscreva seu email no Canaltech para receber atualizações diárias com as últimas notícias do mundo da tecnologia.