Duas visualizações mobile lado a lado
Mantenha uma prévia de iPhone e outra de Android abertas ao mesmo tempo e revise o mesmo site em dois tamanhos de tela.
Visualização mobile no Chrome, sem DevTools
Mobile View Extension — seu site na versão mobile
Abra a versão mobile da página que você já está vendo. Esta extensão do Chrome recarrega a aba como um celular, compara dois tamanhos de tela, funciona no localhost e salva capturas.
Adicionar ao Chrome Grátis · Sem cadastro
Nenhum histórico de navegação coletado
Funciona no localhost
localhost:3000/dashboard
iPhone 17 Pro
Oppo A6xRuns over the page you already have openNo tab switching
Teste responsivo sem complicação
Um seletor de visualização mobile para as checagens do dia a dia.
Abra a versão mobile de um site sem arrastar as bordas da janela, digitar dimensões de viewport ou alternar entre abas. Os controles ficam ao lado da página que você está testando.
Troque de visualização em um clique
Escolha um aparelho na barra flutuante e a página recarrega na visualização mobile. Voltar ao desktop funciona do mesmo jeito.
Sua navegação continua sua
Não é preciso criar conta. A extensão não coleta dados pessoais nem histórico de navegação.
Teste o localhost antes de publicar
Revise páginas locais e depois confira o site publicado com os mesmos aparelhos.
Aparelhos conhecidos
Escolha um celular ou tablet pelo nome em vez de digitar dimensões de viewport.
Salve exatamente o que você vê
Capture a visualização mobile escolhida pela barra quando precisar compartilhar ou revisar.
UM SITE · DUAS TELAS
Teste o responsivo em duas telas ao mesmo tempo.
Coloque um celular estreito ao lado de um aparelho mais largo e compare as duas versões da mesma página. Fica mais fácil notar títulos quebrados, menus apertados e conteúdo ausente.
- Presets de celulares e tablets com nome
- Duas visualizações ao vivo da mesma URL
- Troque de aparelho sem sair da página
Antes e depois do lançamento
Um único teste responsivo para localhost e site no ar.
Confira a página durante o desenvolvimento e depois abra a URL publicada com os mesmos aparelhos. Seu processo de teste continua igual do desenvolvimento ao lançamento.
Pronto para localhost
Veja a versão mobile de páginas locais sem publicar uma build temporária.
Capturas rápidas
Salve a visualização do aparelho escolhido para revisão ou entrega.
Como funciona
Da página desktop à visualização mobile no Chrome
01
Instale a extensão para Chrome e abra qualquer site
02
Clique no ícone do celular e escolha um aparelho — a página recarrega na visualização mobile
03
Adicione uma segunda visualização mobile ou capture a atual
Perguntas frequentes
Antes de instalar
Veja seu próximo site na versão mobile.
Adicione a extensão e abra prévias de aparelhos na mesma aba em que você já está trabalhando.
Adicionar ao Chrome