בדיקה על מכשיר נייד
השתמש במתג ה-viewport הרספונסיבי ב-builder לבדיקה מהירה, ולאחר מכן פרסם ובדוק על מכשיר אמיתי לכל דבר הנוגע להתנהגות ייחודית לנייד.
בדיקות נייד ב-Proyecta מתחלקות לשני שכבות: תצוגה מקדימה רספונסיבית בתוך ה-builder, ובדיקה על מכשיר אמיתי בכתובת URL שפורסמה.
תצוגה מקדימה רספונסיבית ב-builder
Section titled “תצוגה מקדימה רספונסיבית ב-builder”פאנל התצוגה המקדימה כולל מתג viewport בשורת הכתובת:
| מצב | מידות |
|---|---|
| Desktop | רוחב חלון מלא |
| Tablet | 768 × 1024 |
| Mobile | 390 × 844 |
עברו ביניהם בזמן העריכה כדי לאתר בעיות פריסה מוקדם ככל האפשר. זוהי הדרך המהירה ביותר לתפוס באגים רספונסיביים בולטים (overflow, grids שבורים, כפתורים שקשה ללחוץ עליהם).
פיתחו את האפליקציה בטלפון באמצעות קוד QR
Section titled “פיתחו את האפליקציה בטלפון באמצעות קוד QR”הדרך המהירה ביותר להגיע למכשיר אמיתי היא דרך הלשונית Mobile → Test בלוח המחוונים. לאחר פרסום האפליקציה, היא מציגה קוד QR — סרקו אותו עם מצלמת הטלפון כדי לפתוח את האפליקציה החיה מיידית. יש גם כפתור Copy link אם אתם מעדיפים לשלוח לעצמכם את הכתובת. (אם עדיין לא פרסמתם, הלשונית תבקש מכם לפרסם קודם — בדיקה על מכשיר דורשת כתובת URL חיה.)
בדיקה על מכשיר אמיתי
Section titled “בדיקה על מכשיר אמיתי”מתג ה-viewport רק מדמה מידות — הוא אינו מדמה קלט מגע, latency בעולם האמיתי, תכונות ייחודיות לדפדפן נייד, או התנהגות ספציפית לפלטפורמה. לכל דבר שחשוב לכם באמת (אינטראקציות מגע, install prompts, push notifications, מצלמה, GPS), בדקו על מכשיר אמיתי:
- פרסמו את האפליקציה לתת-הדומיין
*.proyecta.liveשלה - פיתחו את הכתובת בדפדפן הטלפון שלכם
- אם הוספתם תמיכת PWA, בחרו Add to Home Screen ובדקו את חוויית ההתקנה
- עברו על הזרימות שחשובות לכם
דברים שניתן לאתר רק על מכשיר אמיתי
Section titled “דברים שניתן לאתר רק על מכשיר אמיתי”- גדלי אזורי לחיצה — אצבעות גדולות יותר ממצביעי עכבר
- אלמנטים sticky — יחידות viewport מתנהגות אחרת עם ה-chrome של דפדפן נייד
- קלט טפסים — autofill, סוגי מקלדת, autocomplete
- תכונות ייחודיות ל-iOS Safari — בעיות
100vh, scroll-bouncing, fixed positioning - זרימת הרשאת push notification — עובדת רק על origin שפורסם דרך HTTPS בלשונית דפדפן ברמה עליונה; לא תפעל בתוך פאנל התצוגה המקדימה של ה-builder (גם כשהתצוגה המקדימה כבר מוגשת דרך HTTPS).
- ביצועים על חומרה אמיתית (ואיטית יותר)
טיפים לבדיקה
Section titled “טיפים לבדיקה”- השתמשו בכלי המפתחים של הטלפון. Safari ב-macOS יכול להתחבר ל-mobile Safari לניפוי באגים חי; Chrome יכול להתחבר ל-Android Chrome.
- בדקו גם במצב landscape. רוב המפתחים בודקים רק portrait ומפספסים באגים ב-landscape.
- בדקו עם low-power mode מופעל. אנימציות וטיימרים מתנהגים אחרת.
- בדקו על iPhone אמיתי ל-PWA push. Push notifications ב-iOS עובדות רק מ-PWA שהותקן דרך Safari.