Português (Brasil)
Adicionar ao Chrome
  1. Simlord
  2. Alternativa ao modo de dispositivo do DevTools

Uma alternativa ao Chrome DevTools para o modo de dispositivo

Uma boa alternativa ao Chrome DevTools começa onde a barra de ferramentas de dispositivo para: ela é ótima para depurar, mas não é um celular. O Simlord foi feito para a outra metade do trabalho, ver e mostrar seu site do jeito que as pessoas o veem no celular.

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

Modo de dispositivo do DevTools e Simlord lado a lado

O que você precisaModo de dispositivo do DevToolsSimlord
Tamanho da viewport e proporção de pixelsSimSim
Um user agent mobileSimSim, com Client Hints por dispositivo
Rolagem por toqueSimSim, com inércia
Barras do navegador e barra de status ocupando espaçoNãoSim, do Safari e do Chrome
Molduras de celulares atuaisNãoSim
Dobráveis com tela externaNãoSim
Capturas de telaSimSim, com moldura e fundo
Gravações em vídeoNãoSim, em MP4, WebM e GIF
Vários dispositivos ao mesmo tempoNãoAté quatro, sincronizados
Sem o painel de desenvolvedorNãoSim

Mantenha o DevTools para depurar

Breakpoints, o painel de rede, o throttling e a depuração remota são o forte do DevTools, e o Simlord não substitui nada disso. Abra o DevTools ao lado do Simlord quando precisar deles.

Use o Simlord para ver e para mostrar

Em revisões de design, demos para clientes, relatos de bug e na última conferida antes do lançamento, você quer o celular inteiro, sem painel de desenvolvedor. O Simlord ocupa a guia com o dispositivo, mantém a sua escolha enquanto você navega e salva capturas e gravações que parecem o próprio celular.

Perguntas

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

O Simlord substitui o Chrome DevTools?

Não. Ele faz o que o modo de dispositivo faz pela visualização e acrescenta barras do navegador, molduras, gravações e comparação. Para depurar, continue usando o DevTools.

Posso usar o DevTools e o Simlord juntos?

Sim. Abra o DevTools na guia do simulador, como sempre.

Por que minha página fica diferente no Simlord e no modo de dispositivo?

Normalmente por causa das barras do navegador. O Simlord deixa para a página só o espaço que um celular de verdade deixa.

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.