Como mostrar a versão mobile de um site ao cliente a partir do Mac

Para ver a versão mobile do site no Mac tem quatro opções: o modo de design responsivo do browser, o Simulator de iPhone do Xcode, a Replicação do iPhone ou o seu iPhone real ligado com um cabo e mostrado através do QuickTime. O modo responsivo é o mais rápido; o QuickTime com cabo é o que parece mais real. Escolha consoante o quão perto de um telemóvel real o cliente precisa de ver, e depois grave essa janela.

Os clientes avaliam um site no telemóvel. Se só lhes mostrar a versão de desktop, a primeira coisa que vão fazer depois de ver o vídeo é abrir o link de staging no iPhone e enviar-lhe uma captura de ecrã. Mostrar a versão mobile no mesmo vídeo poupa uma ronda.

As quatro opções num relance

Opção	Parece um iPhone real	Toque real	Disponível na UE	Preparação	Indicada para
Modo responsivo do browser	~ layout aproximado	✗	✓	Nenhuma	Verificações rápidas de layout, primeiras rondas
Simulator do Xcode	~ próximo, renderização do iOS	✗ cursor	✓	Instalar o Xcode	Renderização fiel sem telemóvel
Replicação do iPhone	✓ o seu iPhone real	✗ trackpad	✗	Mac e iPhone compatíveis	Aparelho real, controlado a partir do Mac
QuickTime com cabo	✓ o seu iPhone real	✓	✓	Um cabo	A demonstração mais realista

Disponibilidade da Replicação do iPhone segundo o Suporte Apple, consultado em novembro de 2026.

Opção 1: modo responsivo do browser

Tanto o Safari como o Chrome conseguem redimensionar uma página para as dimensões de um telemóvel dentro do browser.

Safari

Chrome

O senão: ambos são aproximações. A documentação da Apple diz que as predefinições não reproduzem exatamente o layout, a renderização e o comportamento de um aparelho real, por exemplo por causa da barra de endereço, do teclado no ecrã e da forma como os telemóveis tratam os campos de formulário. A documentação do Chrome descreve o modo de dispositivo como uma aproximação de primeira ordem. Serve para «é assim que o menu se recolhe no mobile»; não serve para «é exatamente isto que os seus clientes vão ver».

Quando gravar o modo responsivo, grave só a área com a viewport do telemóvel, não o painel do DevTools à volta. O nosso guia sobre como gravar uma janela ou parte do ecrã mostra como selecionar uma área.

Opção 2: Simulator do Xcode

O Simulator vem com o Xcode, a app da Apple para programadores, e corre o iOS no seu Mac. Abre o Safari dentro do iPhone simulado e carrega o site. A documentação do Safari da Apple descreve os simuladores como uma forma fiel de testar páginas para iOS sem dispositivos adicionais, e o modo de design responsivo do Safari consegue abrir a página atual diretamente num simulador.

• Vantagens: renderização do iOS, a barra de endereço do Safari no iOS, controlos de formulário e teclado reais.
• Desvantagens: o Xcode é uma instalação grande, e interage com um cursor em vez de um dedo. O scroll com o trackpad parece menos natural do que um deslizar real.

Grave a janela do Simulator sozinha. O contorno do telemóvel e os cantos arredondados deixam claro ao cliente o que está a ver.

Opção 3: Replicação do iPhone

A Replicação do iPhone mostra o seu iPhone real numa janela do Mac, e controla-o com o trackpad e o teclado. Segundo a Apple, precisa de:

• um Mac com processador Apple ou com o processador Apple T2 Security, com o macOS Sequoia 15 ou posterior;
• um iPhone com o iOS 18 ou posterior e configurado com um código;
• os dois com sessão iniciada na mesma conta Apple com autenticação de dois fatores, e com o Bluetooth e o Wi-Fi ativados;
• o iPhone bloqueado e perto do Mac.

Abra a app Replicação do iPhone no Mac, introduza o código do iPhone se lho pedirem, e o ecrã do iPhone aparece numa janela. Como é uma janela do Mac, pode gravá-la como qualquer outra.

Opção 4: o seu iPhone com cabo e QuickTime

É a opção mais realista: o cliente vê o ecrã real do iPhone, com scroll real e toques reais, porque está a usar o telemóvel com as mãos.

Pode gravar diretamente no QuickTime e guardar um ficheiro de filme. Se quiser a bolha da câmara e um link para enviar, grave antes a janela do QuickTime com o seu gravador de ecrã.

Qual usar

• Primeiras rondas de design ou uma pergunta rápida sobre um breakpoint: modo responsivo.
• Uma revisão mobile sem telemóvel à mão, ou um bug no Safari do iOS: Simulator.
• Uma demonstração mobile cuidada, fora da UE: Replicação do iPhone.
• Uma apresentação mobile que tem de parecer real: cabo e QuickTime.

Nos bugs reportados, as opções realistas são as que mais contam. Um bug de layout no Safari do iOS pode nem aparecer no modo de dispositivo do Chrome. Se um cliente lhe enviar o bug, o nosso guia sobre como pôr os clientes a reportar bugs por vídeo ajuda-os a mostrar exatamente o que veem.

Gravar para o cliente

Seja qual for a opção, os conselhos de gravação são os mesmos:

• Grave só a janela do telemóvel, não a secretária inteira.
• Faça scroll mais devagar do que no seu telemóvel e pare em cada secção.
• Diga o que muda no mobile: «o menu recolhe-se neste botão», «a tabela de preços passa a cartões».
• Mostre desktop e mobile no mesmo vídeo quando o cliente precisa de os comparar.

A preparação geral do browser, do perfil limpo aos avisos de cookies, está em como gravar um site no browser sem distrações. Se o vídeo for uma apresentação, como apresentar um design ao cliente sem reunião tem uma estrutura que funciona.

Mais sobre gravar num Mac em geral: como gravar o ecrã no Mac. E se envia este tipo de vídeo todas as semanas, veja como funciona enviar vídeos a clientes com o JustRec.