✓

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

Abra um site comum (uma página https://) e clique no ícone Mobile View. A partir da versão 4.2.0, a prévia do dispositivo aparece sem um seletor inicial de acesso. A Extensão solicita acesso a todos os sites na instalação ou atualização; o Chrome pode pedir sua confirmação. Depois de concedido, esse acesso é usado, a menos que você o limite no Chrome.

Você pode escolher acesso somente ao clicar, neste site ou em todos os sites pelo menu que o Chrome exibe ao clicar com o botão direito no ícone do Mobile View, ou pelas configurações de extensões do Chrome. Esse controle não fica nas configurações do Mobile View.

Se você limitar o acesso no Chrome, alguns sites com Service Worker e restrições de incorporação podem precisar de acesso permanente para carregar a prévia. Somente nesse caso, o Mobile View pode mostrar uma caixa de recuperação para solicitar acesso ao site atual ou a todos os sites; o Chrome pedirá confirmação quando necessário.

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