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.
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.
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.
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.
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 + −.
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.
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.
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.
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.