Testar no Mobile

Use o seletor de viewport responsivo no builder para uma verificação rápida, depois publique e teste em um dispositivo real para qualquer coisa que envolva comportamentos exclusivos de mobile.

Existem duas camadas para testes mobile no Proyecta: o preview responsivo dentro do builder e os testes em dispositivo real a partir de uma URL publicada.

Preview responsivo no builder

O painel de preview inclui um seletor de viewport na barra de endereço:

Modo	Dimensões
Desktop	Largura total da janela
Tablet	768 × 1024
Mobile	375 × 667

Alterne entre eles enquanto edita para identificar problemas de layout com antecedência. Essa é a forma mais rápida de detectar bugs responsivos óbvios (overflow, grids quebrados, botões sem área de toque adequada).

Testar em um dispositivo real

O seletor de viewport apenas simula dimensões — ele não simula entrada por toque, latência do mundo real, peculiaridades de browsers mobile ou comportamentos específicos de cada plataforma. Para tudo que realmente importa (interações por toque, prompts de instalação, push notifications, câmera, GPS), teste em um dispositivo real:

Publique seu app no subdomínio *.proyecta.live
Abra a URL no browser do seu celular
Se você adicionou suporte a PWA, escolha Add to Home Screen e teste a experiência instalada
Percorra os fluxos que você quer validar

O que só é possível detectar em um dispositivo real

Tamanho das áreas de toque — dedos são maiores do que ponteiros de mouse
Elementos fixos (sticky) — unidades de viewport se comportam de forma diferente com a interface do browser mobile
Inputs de formulário — preenchimento automático, tipos de teclado, autocomplete
Peculiaridades do iOS Safari — problemas com 100vh, scroll com bounce, posicionamento fixo
Fluxo de permissão para push notifications — só funciona em uma origem publicada via HTTPS em uma aba de browser de nível superior; não será acionado dentro do painel de preview do builder (mesmo quando o preview já é servido via HTTPS).
Desempenho em hardware real (mais lento)

Dicas de teste

Use as ferramentas de desenvolvedor do seu celular. O Safari no macOS pode se conectar ao Safari mobile para depuração ao vivo; o Chrome pode se conectar ao Chrome no Android.
Teste também em modo paisagem. A maioria dos devs testa apenas no modo retrato e acaba perdendo bugs no modo paisagem.
Teste com o modo de baixo consumo ativado. Animações e timers se comportam de forma diferente.
Teste em um iPhone real para push via PWA. Push notifications no iOS só funcionam em um PWA instalado via Safari.