Teste de site responsivo (ver no celular, tablet e computador)

Teste de site responsivo (ver no celular, tablet e computador): para que serve

Antes de publicar, confira se o site funciona em telas de todos os tamanhos. Digite o endereço e veja o site lado a lado em celular pequeno (360 px), iPhone SE (375 px), iPhone 15 (393 px), tablet (768 px), notebook (1366 px) e Full HD (1920 px), cada um com a largura real e reduzido para caber na tela.

Gire para paisagem, crie uma largura personalizada e recarregue todos os quadros de uma vez. Funciona com o seu localhost e com sites que permitem ser abertos dentro de outro; os que bloqueiam por segurança (X-Frame-Options) aparecem em branco, e a página explica o motivo.

Como usar

1. Digite o endereço do site.
2. Escolha as telas e o zoom.
3. Role entre os quadros e confira o layout.

Quando usar

• Conferir um site antes de publicar.
• Mostrar ao cliente como fica no celular.
• Testar media queries.

Perguntas frequentes

Por que alguns sites aparecem em branco?

Muitos sites (Google, Instagram, bancos) mandam um cabeçalho de segurança (X-Frame-Options ou frame-ancestors) que proíbe aparecer dentro de outro site, para evitar golpes de clickjacking. Seu próprio site normalmente funciona; se não funcionar, ele também tem essa proteção, o que é bom.

É igual a ver num celular de verdade?

A largura é a mesma, então o layout, as media queries e as quebras de linha ficam iguais. O que muda é o tipo de toque, a fonte do sistema e a densidade de pixels. Para conferência final, abra também no seu celular.

Posso testar um site que ainda está no meu computador?

Pode. Digite o endereço local, como http://localhost:3000. Como o teste roda no seu navegador, ele enxerga o servidor da sua máquina.

É 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.

Ferramentas parecidas