Testează pe Mobil
Folosește selectorul de viewport responsive din builder pentru o verificare rapidă, apoi publică și testează pe un dispozitiv real pentru orice comportament specific dispozitivelor mobile.
Testarea pe mobil în Proyecta are două niveluri: previzualizarea responsive din builder și testarea pe un dispozitiv real, pe un URL publicat.
Previzualizarea responsive în builder
Section titled “Previzualizarea responsive în builder”Panoul de previzualizare include un selector de viewport în bara de adresă:
| Mod | Dimensiuni |
|---|---|
| Desktop | Lățimea completă a ferestrei |
| Tablet | 768 × 1024 |
| Mobile | 375 × 667 |
Comută între ele în timp ce editezi pentru a depista problemele de layout devreme. Acesta este cel mai rapid mod de a prinde bug-uri responsive evidente (overflow, grid-uri stricate, butoane pe care nu poți apăsa).
Testează pe un dispozitiv real
Section titled “Testează pe un dispozitiv real”Selectorul de viewport simulează doar dimensiunile — nu simulează input tactil, latența din lumea reală, particularitățile browserelor mobile sau comportamentul specific platformelor. Pentru tot ce contează cu adevărat (interacțiuni tactile, prompturi de instalare, notificări push, cameră, GPS), testează pe un dispozitiv real:
- Publică aplicația pe subdomeniul său
*.proyecta.live - Deschide URL-ul în browserul telefonului
- Dacă ai adăugat suport PWA, alege Add to Home Screen și testează experiența de după instalare
- Parcurge fluxurile care îți sunt importante
Lucruri pe care le poți depista doar pe un dispozitiv real
Section titled “Lucruri pe care le poți depista doar pe un dispozitiv real”- Dimensiunile țintelor tactile — degetele sunt mai mari decât cursorul mouse-ului
- Elementele sticky — unitățile de viewport se comportă diferit în raport cu chrome-ul browserului mobil
- Input din formulare — completare automată, tipuri de tastatură, autocomplete
- Particularitățile Safari pe iOS — probleme cu
100vh, scroll-bouncing, poziționare fixă - Fluxul de permisiuni pentru notificări push — funcționează doar pe un origin publicat, prin HTTPS, într-un tab de browser de nivel superior; nu se va declanșa în panoul de previzualizare al builder-ului (chiar și atunci când previzualizarea este deja servită prin HTTPS).
- Performanța pe hardware real (mai lent)
Sfaturi pentru testare
Section titled “Sfaturi pentru testare”- Folosește instrumentele pentru dezvoltatori ale telefonului. Safari pe macOS poate să se conecteze la Safari pe mobil pentru debugging live; Chrome se poate conecta la Chrome pe Android.
- Testează și în modul landscape. Majoritatea dezvoltatorilor testează doar în portret și ratează bug-urile din landscape.
- Testează cu modul de economisire a energiei activat. Animațiile și timer-ele se comportă diferit.
- Testează pe un iPhone real pentru push PWA. Notificările push pe iOS funcționează doar dintr-un PWA instalat prin Safari.