Português (Brasil)
Adicionar ao Chrome
  1. Simlord
  2. Visualização mobile no Chrome

Como abrir a visualização mobile de qualquer site no Chrome

Para abrir a visualização mobile no Chrome e ver a versão mobile do site no seu computador, existem três jeitos. Cada um tem a sua utilidade, e o melhor depende de quão perto de um celular de verdade você precisa chegar.

Adicionar ao Chrome, é grátisFunciona no Chrome, Edge e Brave. Não precisa de conta.

O Simlord funciona no Chrome em um computador. Abra esta página lá para adicioná-lo.

Simlord mostrando o site de uma torrefação em um iPhone 17 Pro

Três jeitos de chegar à visualização mobile

  1. Deixe a janela estreita

    Arraste a borda da janela para dentro. É rápido, mas o site continua sabendo que é um desktop, então você vê uma página de desktop estreita, não o site mobile.

  2. Use o modo de dispositivo do Chrome

    Abra o DevTools com F12, ou Cmd+Option+I no Mac, e pressione Ctrl+Shift+M, ou Cmd+Shift+M no Mac. O Chrome dimensiona a página como um celular e envia um user agent mobile, dentro das ferramentas de desenvolvedor.

  3. Use uma extensão do Chrome para visualização mobile

    No Simlord, clique no ícone e escolha um celular. A página ocupa a guia com a moldura do celular, as barras do navegador e o toque, e você continua logado.

Quando o modo de dispositivo basta

A barra de ferramentas de dispositivo do DevTools já vem no Chrome, é grátis e é ótima para conferir um breakpoint enquanto você depura. Ela mostra a viewport, não o celular. Não há barras do navegador nem molduras de aparelhos atuais, e o próprio DevTools ocupa metade da sua tela.

Quando você quer ver o que os visitantes veem

O Simlord mostra a página como o celular mostra, com a barra do Safari ou do Chrome ocupando o espaço real, a barra de status e o notch ou a Dynamic Island. Ele mantém o dispositivo escolhido enquanto você navega, e você pode fazer uma captura de tela ou uma gravação.

Um atalho para o dia a dia

O Simlord abre e fecha com Alt+Shift+M e tem atalhos para girar, ir ao próximo dispositivo, fazer uma captura de tela e gravar. Você pode mudá-los nos atalhos de extensões do Chrome.

Perguntas

Mais alguma coisa? Escreva para support@simlord.eu.

Qual é o atalho da visualização mobile no Chrome?

No DevTools, é Ctrl+Shift+M no Windows e no Linux e Cmd+Shift+M no Mac, depois de abrir o DevTools. O Simlord abre com Alt+Shift+M, sem o DevTools.

Por que ainda vejo o site de desktop numa janela estreita?

Porque o site verifica o user agent ou o suporte a toque, não só a largura. Uma janela estreita continua informando um navegador de desktop.

Dá para ver a visualização mobile de qualquer site?

Sim, de qualquer site que você consiga abrir no Chrome, inclusive os sites em que você está logado.

A visualização mobile muda o funcionamento do site?

O site recebe o tamanho, a identidade e o toque de um celular, então responde como responderia a um celular. Nas outras guias, nada muda.

Experimente no seu próprio site.

Grátis, sem conta. Funciona no Chrome, Edge e Brave.

O Simlord funciona no Chrome em um computador. Abra esta página lá para adicioná-lo.