Testar site em vários tamanhos de tela
Digite o endereço do site e escolha os aparelhos. Cada tela abre a página na largura real do aparelho, reduzida para caber aqui.
Como usarO site em todas as telas
Testar site em vários tamanhos de tela: para que serve
Digite o endereço e escolha os aparelhos: celular pequeno (360 px), iPhone (390), celular grande (430), tablet (768), notebook (1280) e monitor (1440). Cada tela abre a página na largura real do aparelho, reduzida pela escala escolhida, e dá para rolar dentro de cada uma.
Funciona com sites próprios e com o localhost. Sites que bloqueiam ser abertos dentro de outros aparecem em branco.
Como usar
- Digite o endereço do site.
- Escolha os aparelhos, a escala e a altura.
- Role cada tela e confira o layout.
Quando usar
- Conferir um site responsivo antes de publicar.
- Mostrar a um cliente como o site fica no celular.
- Testar sites em desenvolvimento no localhost.
Perguntas frequentes
Por que alguns sites não aparecem?
Muitos sites grandes (Google, bancos, redes sociais) proíbem ser abertos dentro de outro site, com os cabeçalhos X-Frame-Options ou frame-ancestors, e a tela fica em branco. Sites próprios, em geral, aparecem normalmente. Se não aparecer, use o modo dispositivo das ferramentas do desenvolvedor do navegador (F12).
A prévia é idêntica ao celular de verdade?
A largura é a mesma, então o layout responsivo é o mesmo. Mas o navegador continua sendo o do computador: fontes, rolagem, toque e recursos do celular podem ser diferentes. Teste também num aparelho de verdade antes de publicar.
Funciona com sites no localhost?
Sim, se o servidor local estiver rodando no seu computador e o endereço começar com http://localhost ou http://127.0.0.1.
É grátis mesmo?
Sim, 100% grátis. Sem cadastro, sem assinatura e sem limite de uso. Todas as ferramentas do Ferramentas123 são gratuitas e rodam direto no seu navegador.