Testador de design responsivo
Testador de design responsivo online gratuito, sem necessidade de instalação. Teste páginas em vários viewport de dispositivos.
Sobre Testador de design responsivo
O Testador de design responsivo mostra como um site aparece em diferentes tamanhos de tela. Digite uma URL, escolha uma predefinição de dispositivo como telefone, tablet ou resolução de desktop, ou defina sua própria largura e altura, e a página é renderizada dentro de uma moldura naquele tamanho. Você pode alternar entre retrato e paisagem e girar imediatamente. É uma forma rápida de conferir um layout nos pontos de quebra comuns sem redimensionar a janela do navegador.
Como usar
1. Digite a URL do site e clique em Carregar 2. Escolha uma predefinição de dispositivo, ou escolha Personalizado e digite uma largura e altura 3. Para predefinições, alterne entre retrato e paisagem, ou use Girar 4. Observe a página renderizar na moldura de prévia naquele tamanho
Dicas para melhores resultados
As predefinições cobrem tamanhos comuns, de um telefone pequeno a um desktop full HD, correspondendo aos pontos de quebra que a maioria dos layouts almeja. Use Personalizado quando precisar de um tamanho exato em pixels que não esteja na lista. Note que alguns sites recusam ser incorporados e mostram uma moldura vazia — isso é uma configuração de segurança do próprio site, não um problema da ferramenta. Páginas que permitem incorporação renderizam por completo e continuam interativas.
▶Por que a prévia fica vazia em alguns sites?
▶Quais tamanhos de dispositivo estão disponíveis?
▶Como funcionam retrato e paisagem?
▶A prévia é interativa?
▶Isso muda o tamanho real do meu navegador?
Se este ferramenta foi útil para você, pense em me dar um café.
Compre um café para mim.