Economize: canal oficial do CT Ofertas no WhatsApp Entrar

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

Por| Editado por Bruno Salutes | 26 de Julho de 2021 às 15h50

Ivo/Canaltech
Ivo/Canaltech
Continua após a publicidade

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.

Abra o Google Chrome, acesse um site e clique no ícone de "Três pontos" (Captura de tela: Matheus Bigogno)
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”

Continua após a publicidade
Selecione "Mais ferramentas" e, depois, "Ferramentas do desenvolvedor" (Captura de tela: Matheus Bigogno)
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)
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.

Continua após a publicidade
Utilize o site normalmente, mas agora através da versão mobile (Captura de tela: Matheus Bigogno)
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)
É 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.

Continua após a publicidade
Também é possível alterar a resolução manualmente (Captura de tela: Matheus Bigogno)
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)
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.

Continua após a publicidade
Por fim, ainda é possível alterar a orientação do celular (Captura de tela: Matheus Bigogno)
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.