Testa på mobil

Använd den responsiva viewport-växlaren i builder för en snabb kontroll, publicera sedan och testa på en riktig enhet för allt som rör mobilspecifikt beteende.

Det finns två nivåer av mobiltest i Proyecta: den inbyggda responsiva förhandsvisningen i builder, och testning på en riktig enhet via en publicerad URL.

Responsiv förhandsvisning i builder

Förhandsvisningspanelen innehåller en viewport-växlare i adressfältet:

Läge	Dimensioner
Desktop	Full fönsterbredd
Tablet	768 × 1024
Mobile	390 × 844

Växla mellan dem under redigering för att upptäcka layoutproblem tidigt. Det här är det snabbaste sättet att fånga uppenbara responsiva buggar (overflow, trasiga grids, knappar som inte går att trycka på).

Öppna appen på din telefon med en QR-kod

Det snabbaste sättet att komma till en riktig enhet är dashboardens Mobile → Test-flik. När din app är publicerad visas en QR-kod — skanna den med telefonens kamera för att öppna den live-publicerade appen direkt. Det finns också en Copy link-knapp om du hellre vill skicka URL:en till dig själv. (Om du inte har publicerat ännu uppmanar fliken dig att publicera först — enhetstestning kräver en live-URL.)

Testa på en riktig enhet

Viewport-växlaren simulerar bara dimensioner — den simulerar inte touch-input, verklig nätverkslatens, mobilwebbläsarens egenheter eller plattformsspecifikt beteende. För allt du verkligen bryr dig om (touch-interaktioner, install-prompts, push-notiser, kamera, GPS) bör du testa på en riktig enhet:

Publicera din app till dess *.proyecta.live-subdomän
Öppna URL:en i telefonens webbläsare
Om du har lagt till PWA-stöd, välj Add to Home Screen och testa den installerade upplevelsen
Gå igenom de flöden du bryr dig om

Saker du bara kan fånga på en riktig enhet

Tryckytesstorlekar — fingrar är större än muspekare
Klibbiga element — viewport-enheter beter sig annorlunda med mobilwebbläsarens chrome
Formulärinmatning — autofyll, tangentbordstyper, autocomplete
iOS Safari-egenheter — problem med 100vh, scroll-studs, fast positionering
Flödet för push-notis-behörighet — fungerar bara på en publicerad origin över HTTPS i en webbläsarflik på toppnivå; det aktiveras inte inuti builder:ns förhandsvisningspanel (även när förhandsvisningen redan serveras över HTTPS).
Prestanda på riktig (långsammare) hårdvara

Testtips

Använd telefonens utvecklarverktyg. Safari på macOS kan ansluta till mobil Safari för live-felsökning; Chrome kan ansluta till Android Chrome.
Testa i liggande läge också. De flesta utvecklare testar bara stående läge och missar buggar i liggande.
Testa med lågenergiläge aktiverat. Animationer och timers beter sig annorlunda.
Testa på en riktig iPhone för PWA-push. Push-notiser på iOS fungerar bara från en PWA installerad via Safari.