iPhone Duo Emulator: teste seu site no iPhone dobrável

Q: Por que alguns sites não abrem no emulador?

Muitos sites proíbem ser exibidos dentro de um iframe com X-Frame-Options ou com a diretiva frame-ancestors da CSP. O emulador detecta o bloqueio e abre a página por um proxy, que remove esses cabeçalhos e envia o User-Agent de um iPhone.

Q: Dá para testar um site rodando em localhost?

Sim. Digite localhost:3000 (ou a porta que você usa) ou o IP da máquina na rede. Endereços locais abrem com http automaticamente.

Guia

Emulador do iPhone Duo online

O iPhone Duo Emulator mostra no navegador como seu site ou PWA aparece no iPhone Duo, o iPhone dobrável com iOS 27. Você vê a tela externa de 5,4″ e a interna de 7,6″, dobra e abre o aparelho sem recarregar a página, testa o Split View com dois apps e o modo de app instalado. É grátis e não precisa de Mac, Xcode nem cadastro.

Como usar o emulador

Cole a URL na barra do topo: um site publicado (seu-site.com), um servidor local (localhost:3000) ou um IP da sua rede.
Escolha a postura: Fechado, Aberto, Split View, Laptop ou Tenda. A página continua carregada e recebe o evento resize, como no aparelho.
Mude para “App instalado” para ver o PWA sem a barra do Safari, com a status bar e a splash definidas no seu manifest.
Confira o painel “Página / PWA”: ele lê as meta tags e o manifest e aponta o que falta, como apple-touch-icon ou viewport-fit=cover.

Tamanho de tela do iPhone Duo

A Apple divulgou as diagonais, mas ainda não a resolução em pontos CSS. O emulador usa uma estimativa: as duas telas têm a mesma proporção (≈ √2, como uma folha A5 ao lado de uma A4), então a tela interna equivale a duas telas externas lado a lado, com a dobra no centro.

Área de tela estimada do iPhone Duo em pontos CSS
Tela	Diagonal	Posição normal	Girado
Externa (fechado)	5,4″	460 × 650 pt	650 × 460 pt
Interna (aberto)	7,6″	920 × 650 pt	650 × 920 pt

O viewport real desconta a status bar, e no Safari parte dele fica sob a barra flutuante. O valor exato da postura atual aparece no rodapé do simulador.

O que dá para testar

Fechado: Tela externa de 5,4″ em retrato, como um iPhone comum.
Aberto: Tela interna de 7,6″ em paisagem. A animação de dobra mantém o estado da página.
Split View: Dois apps lado a lado. Em retrato, a divisória cai exatamente na dobra.
Laptop e Tenda: Meia dobra com controles do sistema embaixo, ou aparelho em pé, com orientação fixa.
Safari ou app instalado: Barra flutuante do Safari, ou PWA em tela cheia com status bar e splash.
Zona da dobra: Mostra a linha e destaca a faixa do vinco para achar conteúdo que cai nela.
Leitura do manifest: Checa display, orientation, theme-color, apple-touch-icon e viewport.
Proxy: Abre sites que bloqueiam iframe e envia User-Agent de iPhone.

Como deixar seu site pronto para o iPhone Duo

Quebre o layout por largura, não por aparelho. O mesmo iPhone vai de 460 para 920 pt ao abrir. Use media queries ou container queries por largura, e não detecção de User-Agent.
Não trave a orientação. Com "orientation": "portrait" no manifest, seu PWA fica estreito na tela interna, que é paisagem.
Tire o conteúdo importante do centro. Com o aparelho aberto, o centro da tela fica sobre o vinco. Ative “Destacar zona da dobra” e confira botões, textos e rostos em fotos.
Mantenha o estado ao dobrar. A página não recarrega, só muda de tamanho. Formulários, players e rolagem precisam sobreviver ao resize.
Prepare a área segura. Se o conteúdo vai até a borda, use viewport-fit=cover com env(safe-area-inset-*).
Funcione com meia tela. No Split View seu site pode ficar com a largura da tela externa ou menos, mesmo com o aparelho aberto.

Atalhos de teclado

Atalhos de teclado do emulador
Tecla	Ação
`F`	Dobrar ou abrir
`S`	Split View
`L`	Laptop
`T`	Tenda
`R`	Girar o aparelho
`D`	Mostrar ou esconder a linha da dobra
`P`	Alternar entre Safari e app instalado

Limitações

A página é renderizada pelo motor do seu navegador, não pelo WebKit. O emulador reproduz tamanho de tela, dobra e media queries, não diferenças de motor.
As medidas são estimativas até a Apple publicar a resolução oficial.
env(safe-area-inset-*) e display-mode: standalone via CSS não são simulados. Via proxy, matchMedia e navigator.standalone são.
Pelo proxy, chamadas de API do site para o próprio domínio podem falhar por CORS.

Perguntas frequentes

O iPhone Duo Emulator é grátis?

Sim. Roda no navegador, sem cadastro e sem instalar nada.

Qual é a resolução do iPhone Duo?

A Apple ainda não publicou a resolução em pontos. O emulador usa uma estimativa feita a partir das diagonais oficiais: tela externa de 5,4″ com 460 × 650 pt e tela interna de 7,6″ com 920 × 650 pt, ou seja, duas telas externas lado a lado.

Preciso de um Mac ou do Xcode para testar?

Não. Qualquer navegador de desktop serve. O emulador reproduz o tamanho das telas, a dobra e as barras do sistema, mas renderiza com o motor do seu navegador, não com o WebKit do iPhone. Para a validação final, use um aparelho real ou o simulador oficial do Xcode.

Por que alguns sites não abrem no emulador?

Muitos sites proíbem ser exibidos dentro de um iframe com X-Frame-Options ou com a diretiva frame-ancestors da CSP. O emulador detecta o bloqueio e abre a página por um proxy, que remove esses cabeçalhos e envia o User-Agent de um iPhone.

Dá para testar um site rodando em localhost?

Sim. Digite localhost:3000 (ou a porta que você usa) ou o IP da máquina na rede. Endereços locais abrem com http automaticamente.

Como ver meu PWA como app instalado?

Escolha o modo App instalado. A barra do Safari some, a status bar segue a meta apple-mobile-web-app-status-bar-style e aparece a splash com o ícone e a cor de fundo do manifest.

O que acontece com a página quando o iPhone Duo abre?

A largura da tela passa de 460 para 920 pt sem recarregar a página. O navegador dispara resize e as media queries são reavaliadas, então o layout precisa se ajustar ao vivo. O centro da tela aberta fica sobre o vinco da dobra.

Atualizado em 13/09/2026. Medidas estimadas até a Apple publicar a resolução oficial.