Tudo pronto!

Obrigado por instalar o Mobile View. Veja como colocar uma moldura de dispositivo real sobre qualquer página e ver desktop e mobile ao mesmo tempo.

1

Fixe a extensão (recomendado)

Clique no ícone de extensões (quebra-cabeça) no canto superior direito do Chrome e depois no alfinete ao lado de “Mobile View” para o ícone ficar na barra de ferramentas.

2

Abra qualquer site

Navegue até um site normal (uma página https://). Depois clique no ícone Mobile View na barra de ferramentas — uma moldura de dispositivo real aparece sobre a página, para você ver desktop e mobile juntos. Na primeira vez, o Chrome pede acesso ao site — basta clicar em Permitir.

3

Escolha um dispositivo e o layout

Use o botão de dispositivo 📱 ▾ no painel superior para alternar entre iPhone, Android e tablets. Gire com , dimensione com o menu de tamanho 100% (50–125%) e arraste o dispositivo para onde quiser — ou ative o foco para escurecer o desktop e centralizar o dispositivo.

4

Mostre até 5 dispositivos de uma vez

Clique no botão de dispositivos no painel superior e escolha quantos mostrar (1–5). Cada dispositivo mantém seu modelo, rotação, tamanho e cor de marca, e um dock lateral (esquerda ou direita) os deixa a um clique. No modo foco você pode organizá-los em linha, grade ou pilha — e bloquear para que um clique acidental ou Esc não saia. Adicione ou remova pelo teclado com Shift + = / Shift + −.

5

Interaja em sincronia

Rolagem, cliques e digitação ficam sincronizados entre a página do desktop e a prévia mobile. Ative ou desative a sincronização no painel superior.

6

Tire uma captura de tela

Clique na câmera e escolha somente o dispositivo 📱 (recortado na moldura) ou tela cheia 🖥️ (desktop e dispositivo juntos) — perfeito para maquetes e relatos de bugs.

7

Grave a tela

Clique em gravar para capturar uma gravação completa da tela. Grava a aba atual na hora — sem diálogo de “compartilhar a tela” — e o vídeo é salvo direto no seu dispositivo como MP4 ou WebM; nada é enviado.

O que os botões do painel fazem

📱 ▾
Dispositivo — iPhone, Android ou iPad
Dispositivos — mostrar 1–5 de uma vez, dock esquerda / direita
Girar — retrato / paisagem
Sincronizar — rolagem sincronizada lig./deslig.
Captura de tela — somente dispositivo ou tela cheia
Gravar tela — captura completa (MP4/WebM)
Modo foco — escurece o desktop; linha / grade / pilha, com bloqueio
100%
Tamanho — escala 50–125%
Tamanho personalizado — qualquer resolução e cor de marca (Shift+5)
🌙
Tema — claro / escuro
🇬🇧 ▾
Idioma — mais de 50 idiomas de interface
Site — abrir o site do Mobile View
Ajuda — atalhos e dicas
Fechar — sair da prévia (Esc)

Atalhos de teclado

Shift+1
Captura completa — desktop + dispositivo
Shift+2
Captura do dispositivo — recortada na moldura
Shift+3
Gravar tela — iniciar / parar (MP4/WebM)
Shift+4
Modo foco — ligar / desligar
Shift+5
Tamanho personalizado — ligar / desligar
Shift+=
Adicionar dispositivo — mais um celular / tablet
Shift+
Remover dispositivo — tirar um
Esc
Sair — sair do modo foco e depois fechar
💡

Dica: Seu dispositivo, rotação, posição, tema e idioma são salvos e restaurados entre abas e recarregamentos. Algumas páginas do navegador (como configurações chrome://) não podem ser pré-visualizadas — abra um site comum.

Saiba mais sobre o Mobile View