Extensão Chrome, Firefox e Edge
Teste a versão móvel de qualquer site, verifique seu design responsivo em 77 dispositivos e prepare suas demos para o cliente com um clique. Sem sair do seu navegador.
1.000.000+ instalações · 4,9/5 na Chrome Web Store
Instalação gratuita em segundos · apenas para computador
Um clique para alternar para a visualização móvel, um clique para voltar para o desktop. O resto se comporta como em um telefone real: gestos táteis, zoom, modo paisagem, PWA.
Novo
Exiba vários dispositivos lado a lado e teste-os simultaneamente. Uma única navegação, todos os breakpoints verificados ao mesmo tempo.
WEBM, GIF ou MP4 para suas demos e tutoriais, gravados diretamente do simulador, com ou sem câmera.
Capturas de tela em alta definição com fundo transparente, prontas para uma apresentação, maquete ou e-mail para o cliente.
Os gestos dos dedos são simulados nativamente: inércia, rebote, zoom. A navegação se comporta como em um dispositivo móvel.
Crie e salve seus próprios dispositivos com a resolução de tela e o viewport exatos do seu alvo.
Cada modelo aplica sua resolução CSS, sua proporção de pixels e seu User-Agent reais: media queries e breakpoints são acionados como no dispositivo.
Funciona em qualquer URL, incluindo um servidor local, e com React, Vue, Angular, WordPress ou um site estático.
Modo PWA, tela cheia, teclado nativo, alternância instantânea para paisagem, tema escuro para conforto visual.
74 mockups de dispositivos com fundo transparente, disponíveis gratuitamente para seus entregáveis. Ver os mockups
62 smartphones · 5 tablets · 9 telas de desktop · 1 smartwatch
Modelos antigos e recentes, atualizados a cada lançamento. Cada dispositivo possui seu viewport CSS exato, densidade de pixels e User-Agent. Inclui smartwatches, quiosques interativos e telas de desktop.
Desenvolvimento front-end
Passe de 320 px a 1280 px com um clique durante a integração, com gestos táteis e zoom de um dispositivo móvel real.
Agências & freelancers
Mostre o site em um dispositivo realista, depois exporte o vídeo ou a captura recortada para o relatório.
Gerentes de projeto & QA
Compare vários modelos lado a lado, documente as anomalias em capturas e economize horas de testes.
O DevTools redimensiona uma janela. Mobile FIRST reproduz um dispositivo, e tudo o que vem com ele.
| Funcionalidade |  | Modo responsivo do DevTools |
|---|---|---|
| Dispositivos pré-configurados | 77, atualizado a cada lançamento | Lista curta |
| Exibição realista do dispositivo | Sim (navegador & mockup) | Não |
| Vários dispositivos simultâneos | Sim, lado a lado | Não |
| Gestos táteis e zoom realistas | Simulação nativa | Parcial |
| Captura de vídeo WEBM, GIF, MP4 | Com um clique | Não |
| Capturas com mockup transparente | PNG recortado | Captura bruta |
| Pronto para mostrar a um cliente | Sim | Ferramenta de depuração |
Nossa avaliação na Chrome Web Store fala por si só.
A melhor extensão de teste responsivo do mercado!
Super intuitiva, leve e repleta de funcionalidades. O rolagem tátil é incrivelmente realista, e ter mais de 70 dispositivos prontos para uso é fantástico. Se você é desenvolvedor front-end ou designer UI/UX, é uma ferramenta indispensável. 5 estrelas em todos os aspectos!
As capturas recortadas vão direto para os relatórios de clientes ou meus PowerPoints. Isso substitui horas de retoques manuais 😊. Muito satisfeita!
É uma extensão realmente subestimada. Ela faz o trabalho e até um pouco mais. Eu gostaria até de experimentar a versão Pro para aproveitar seus ótimos recursos, mas a versão gratuita já é incrível.
Ela não é apenas para desenvolvedores web: eu diria que seria útil para qualquer pessoa que possua um site e queira saber a qualquer momento como ele se parece em diferentes dispositivos.
Três etapas, cerca de trinta segundos, sem necessidade de criar conta.
Um simulador móvel reproduz, no seu navegador de computador, as condições de exibição de um smartphone ou tablet: viewport CSS, densidade de pixels, User-Agent e orientação. Isso permite ver a versão móvel de um site como um usuário a verá, sem precisar pegar um telefone a cada modificação.
Mobile FIRST cobre 77 modelos pré-configurados: simulador iPhone, emulador Android, simulador iPad, tablets Samsung Galaxy e telas de laptop. Cada dispositivo aplica sua resolução real, então suas media queries e breakpoints são acionados exatamente como no hardware. A alternância retrato/paisagem, o zoom e o rolagem tátil são simulados para replicar o comportamento nativo.
A extensão se aplica à aba aberta, independentemente da URL: site em produção, ambiente de pré-produção ou servidor local durante o desenvolvimento. Funciona com React, Vue, Angular, WordPress e sites estáticos, sem configuração. Projetada para desenvolvedores front-end, designers e equipes de QA, serve tanto para validar um design responsivo quanto para preparar uma demo para o cliente.
Não. Mobile FIRST é muito preciso para o desenvolvimento diário, mas um teste final em um dispositivo real ainda é necessário para uma validação completa.
Chrome, Firefox, Edge, Opera, Brave e todo navegador baseado em Chromium. A instalação leva alguns segundos e não requer nenhuma conta.
77 dispositivos pré-configurados: 62 smartphones, 5 tablets e 10 telas de desktop e smartwatches. Você também pode criar seus próprios dispositivos com a resolução e o viewport de sua escolha.
Sim, com um clique, nos formatos WEBM, GIF e MP4. As capturas de tela PNG são exportadas com fundo transparente.
Sim. A extensão se aplica à aba atual, independentemente da URL: produção, pré-produção ou um servidor local durante o desenvolvimento.
O DevTools redimensiona uma janela para inspeção técnica. Mobile FIRST reproduz o dispositivo: moldura realista, gestos táteis, zoom, vários modelos lado a lado, exportação de captura e vídeo.
Sim, a lista é enriquecida regularmente à medida que os fabricantes lançam novas telas.
Sem comprar um único telefone, sem criar uma conta.
Grátis · 4,9/5 em 5.100 avaliações
1.000.000+ usuários
