معاينة الجوال في Chrome: اختبر العرض واللمس دون ادعاء تجربة iPhone فعلية
طريقة عملية لفحص المقاسات والتنقل والنصوص الطويلة، مع معرفة ما لا تستطيع محاكاة سطح المكتب إثباته.
تفتح صفحة على الكمبيوتر وتبدو جميلة، ثم يتداخل عنوان طويل على الجوال. وضع الأجهزة في أدوات مطور Chrome يساعد على اكتشاف عيوب مبكرة، لكنه يظل تقريبًا لتجربة الهاتف لا بديلًا كاملًا عنها.
ابدأ بعرض ضيق ثم وسّعه
افتح DevTools ثم شريط الأجهزة، واختر Responsive. استخدم عرضًا مثل 390 ثم 768 ثم 1440 بكسل كأمثلة اختبار، ولا تعتبر هذه الأرقام قائمة بكل الأجهزة الموجودة. غيّر الاتجاه أيضًا عندما يهم المحتوى الأفقي.
لا تكتفِ بصورة الصفحة
- افتح القائمة ثم أغلقها، وجرّب الوصول للبحث والتغيير بين اللغات.
- اختر عنوانًا طويلًا يحتوي اسم لعبة إنجليزيًا داخل سياق عربي.
- راجع الجداول والأزرار وما إذا كان التمرير الأفقي محصورًا في الجدول.
- افتح نموذجًا وتحقق من بقاء زر الإرسال ظاهرًا مع لوحة المفاتيح على جهاز حقيقي لاحقًا.
توثق Google إمكان محاكاة أبعاد العرض واللمس وبعض ظروف الشبكة والمعالج، وتوضح حدود المحاكاة. اختيار اسم جهاز من القائمة لا يشغّل نظامه ومتصفحه الحقيقيين على كمبيوترك.
سجل نتيجة قابلة للإصلاح
| وصف ضعيف | وصف يمكن العمل عليه |
|---|---|
| الجوال غير مضبوط | في عرض 390، يغطي العنوان زر فتح التفاصيل |
| الجدول كبير | يخرج الجدول عن جسم الصفحة بدل أن يتمرر داخله |
| القائمة لا تعمل | بعد فتح القائمة، يحجب الغطاء زر الإغلاق |
هذا الجدول نموذج لوصف العيوب وليس تقريرًا عن موقع بعينه. التقط صورة للحالة مع العرض المستخدم، واكتب الفعل الذي أدى إليها. ثم أعد الفعل بعد التعديل بدل الاكتفاء بصورة جديدة للجزء العلوي.
المراجعة الأخيرة
اختم التجربة بمتصفح الجهاز الذي يستعمله جمهورك عندما يتوفر: اختلاف محرك العرض ولوحة المفاتيح وأشرطة المتصفح مهم. سمِّ النتيجة بوضوح: محاكاة مقاس، أو تجربة جهاز فعلية، ولا تخلطهما.
شرح Google لمحاكاة مقاسات الأجهزة في Chrome
شرح رسمي لأدوات المتصفح، وليس اختبارًا لموقع B52 على هاتف فعلي.
المصادر والمراجع
دليل أصلي من B52؛ راجع الروابط للمعلومات المرجعية.
