الاختبار على الأجهزة المحمولة
استخدم أداة تبديل إطارات العرض في Builder للفحص السريع، ثم انشر واختبر على جهاز حقيقي لكل ما يتعلق بالسلوكيات الخاصة بالأجهزة المحمولة.
يتضمن اختبار الأجهزة المحمولة في Proyecta مستويين: المعاينة التكيفية داخل Builder، واختبار الجهاز الحقيقي على URL منشور.
المعاينة التكيفية في Builder
Section titled “المعاينة التكيفية في Builder”تتضمن لوحة المعاينة أداة تبديل إطارات العرض في شريط العنوان:
| الوضع | الأبعاد |
|---|---|
| Desktop | العرض الكامل للنافذة |
| Tablet | 768 × 1024 |
| Mobile | 375 × 667 |
بإمكانك التبديل بينها أثناء التحرير لاكتشاف مشاكل التخطيط مبكرًا. وهذه هي أسرع طريقة لرصد الأخطاء التكيفية الواضحة (الفائض، والشبكات المكسورة، والأزرار التي يصعب النقر عليها).
الاختبار على جهاز حقيقي
Section titled “الاختبار على جهاز حقيقي”أداة تبديل إطارات العرض تحاكي الأبعاد فحسب — فهي لا تحاكي إدخال اللمس، ولا زمن الاستجابة الفعلي، ولا سلوكيات متصفحات الهاتف، ولا السلوكيات الخاصة بكل منصة. لأي شيء تهتم به فعلًا (تفاعلات اللمس، ومطالبات التثبيت، والإشعارات الفورية، والكاميرا، ونظام تحديد الموقع)، اختبره على جهاز حقيقي:
- انشر تطبيقك على النطاق الفرعي
*.proyecta.liveالخاص به - افتح الرابط في متصفح هاتفك
- إذا أضفت دعمًا لـ PWA، اختر Add to Home Screen واختبر تجربة التطبيق المثبَّت
- تنقّل عبر المسارات التي تهمك
أشياء لا يمكنك اكتشافها إلا على جهاز حقيقي
Section titled “أشياء لا يمكنك اكتشافها إلا على جهاز حقيقي”- أحجام أهداف النقر — الأصابع أكبر من مؤشرات الفأرة
- العناصر الثابتة (Sticky) — تتصرف وحدات إطار العرض بشكل مختلف مع واجهة متصفح الهاتف
- إدخال النماذج — الملء التلقائي، وأنواع لوحة المفاتيح، والإكمال التلقائي
- سلوكيات iOS Safari — مشاكل
100vh، والتمرير بالارتداد، والتموضع الثابت - مسار طلب إذن الإشعارات الفورية — يعمل فقط على origin منشور عبر HTTPS في تبويب متصفح من المستوى الأعلى؛ ولن يعمل داخل لوحة معاينة Builder (حتى لو كانت المعاينة تعمل عبر HTTPS).
- الأداء على الأجهزة الحقيقية (الأبطأ)
نصائح للاختبار
Section titled “نصائح للاختبار”- استخدم أدوات المطوّر في هاتفك. يمكن لـ Safari على macOS الاتصال بـ mobile Safari للتصحيح المباشر؛ كما يمكن لـ Chrome الاتصال بـ Android Chrome.
- اختبر في الوضع الأفقي أيضًا. معظم المطوّرين يختبرون الوضع العمودي فقط ويفوّتون أخطاء الوضع الأفقي.
- اختبر مع تفعيل وضع توفير الطاقة. تتصرف الرسوم المتحركة والمؤقتات بشكل مختلف.
- اختبر على iPhone حقيقي لإشعارات PWA الفورية. الإشعارات الفورية على iOS تعمل فقط من PWA مثبَّت عبر Safari.