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