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 ChromeGrá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
Guias
Como testar a versão mobile no Chrome
Como ver a versão mobile de um site no computador
Quatro jeitos de abrir a versão mobile de qualquer site no computador, o que cada método realmente mostra e qual usar para uma conferência rápida.
Ler artigo →Emulador mobile do Chrome: como usar o modo dispositivo do DevTools
Passo a passo do emulador mobile do Chrome: ative o modo dispositivo, escolha ou adicione aparelhos, limite rede e CPU, emule toque e tire prints.
Ler artigo →Como acessar localhost pelo celular (e ver em visualização mobile)
Como acessar localhost pelo celular: IP da rede local e --host, port forwarding do Chrome, túneis, endereços em emuladores e correções comuns.
Ler artigo →Tamanho da tela e viewport do iPhone: a tabela completa
Todos os iPhones, do SE ao iPhone 18 Pro Max: tamanho de tela, resolução, viewport CSS e densidade de pixels, com notas para web designers.
Ler artigo →Como tirar print de site na versão mobile pelo computador
Tire um print de qualquer página no tamanho de celular pelo Chrome no computador: área visível ou página inteira, com ou sem moldura de aparelho.
Ler artigo →Como testar a responsividade de um site: um método que acha bugs de verdade
Passo a passo para testar a responsividade de um site: varredura de larguras, perfis de aparelhos, testes com conteúdo extremo, zoom e prints automáticos.
Ler artigo →Perguntas frequentes
Antes de instalar
Como ver um site na versão mobile no Chrome?
Instale o Mobile View Extension, abra um site e clique no botão de celular na barra flutuante. Escolha um aparelho e a página recarrega no tamanho de celular, sem redimensionar a janela.
A página recarrega ao trocar para a visualização mobile?
Sim. A extensão recarrega a aba com user agent e viewport de celular, então o site entrega a versão mobile real em vez de um layout desktop estreito.
Dá para testar dois tamanhos de celular ao mesmo tempo?
Sim. A mesma página pode aparecer em dois aparelhos lado a lado, o que acelera a comparação responsiva.
Funciona no localhost?
Sim. A extensão funciona em páginas de desenvolvimento local, então você confere a versão mobile antes de publicar.
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