בדיקה על מכשיר נייד

השתמש במתג ה-viewport הרספונסיבי ב-builder לבדיקה מהירה, לאחר מכן publish ובדוק על מכשיר אמיתי לכל דבר שנוגע להתנהגות ייחודית למובייל.

ישנן שתי שכבות לבדיקות מובייל ב-Proyecta: תצוגה מקדימה רספונסיבית בתוך ה-builder, ובדיקה על מכשיר אמיתי דרך URL שפורסם.

תצוגה מקדימה רספונסיבית ב-builder

פאנל התצוגה המקדימה כולל מתג viewport בשורת הכתובת:

מצב	מידות
Desktop	רוחב חלון מלא
Tablet	768 × 1024
Mobile	375 × 667

עבור בין המצבים בזמן העריכה כדי לאתר בעיות פריסה מוקדם. זוהי הדרך המהירה ביותר לתפוס באגים רספונסיביים ברורים (overflow, גריד שבור, כפתורים שקשה ללחוץ עליהם).

בדיקה על מכשיר אמיתי

מתג ה-viewport מדמה רק מידות — הוא לא מדמה קלט מגע, עיכוב רשת אמיתי, התנהגויות ייחודיות של דפדפן מובייל, או התנהגות ספציפית לפלטפורמה. לכל דבר שחשוב לך באמת (אינטראקציות מגע, install prompts, push notifications, מצלמה, GPS), בדוק על מכשיר אמיתי:

1. פרסם את האפליקציה שלך לסאבדומיין *.proyecta.live שלה
2. פתח את ה-URL בדפדפן הטלפון שלך
3. אם הוספת תמיכת PWA, בחר Add to Home Screen ובדוק את חוויית השימוש לאחר ההתקנה
4. עבור על הזרימות שחשובות לך

דברים שאפשר לתפוס רק על מכשיר אמיתי

• גודל אזורי לחיצה — אצבעות גדולות יותר ממצביע עכבר
• אלמנטים קבועים (sticky) — יחידות viewport מתנהגות אחרת עם ה-chrome של דפדפן מובייל
• קלט טפסים — מילוי אוטומטי, סוגי מקלדת, autocomplete
• בעיות ייחודיות ל-iOS Safari — בעיות 100vh, גלילה קפיצית, מיקום קבוע (fixed positioning)
• זרימת הרשאת push notification — עובד רק על origin שפורסם דרך HTTPS בלשונית דפדפן עצמאית; לא יופעל בתוך פאנל התצוגה המקדימה של ה-builder (אפילו כשהתצוגה המקדימה כבר מוגשת דרך HTTPS).
• ביצועים על חומרה אמיתית (איטית יותר)

טיפים לבדיקה

• השתמש בכלי המפתחים של הטלפון שלך. Safari על macOS יכול להתחבר ל-mobile Safari לצורך debug חי; Chrome יכול להתחבר ל-Android Chrome.
• בדוק גם בmode לרוחב (landscape). רוב המפתחים בודקים רק לאורך ומפספסים באגים ב-landscape.
• בדוק עם מצב חיסכון בסוללה מופעל. אנימציות וטיימרים מתנהגים אחרת.
• בדוק על iPhone אמיתי עבור PWA push. התראות push על iOS עובדות רק מ-PWA שהותקן דרך Safari.