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.

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

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.