محاكاة الأجهزة الجوّالة باستخدام وضع الجهاز

Kayce Basques

Sofia Emelianova

يمكنك استخدام وضع الجهاز لتقريب شكل الصفحة وأدائها على جهاز جوّال.

نظرة عامة

"وضع الجهاز" هو اسم مجموعة من الميزات المتوفّرة في "أدوات مطوري البرامج في Chrome" والتي تساعدك على محاكاة الأجهزة الجوّالة. وتشمل هذه الميزات ما يلي:

• محاكاة إطار عرض للأجهزة الجوّالة
• تقييد وحدة المعالجة المركزية (CPU)
• تقييد الشبكة
  النقطة الرئيسية: يمكنك بدلاً من ذلك تقليل سرعة الاتصال في لوحة الشبكة.
• بالإضافة إلى ذلك، في لوحة أدوات الاستشعار:
  • محاكاة رصد الموقع الجغرافي
  • ضبط الاتجاه

القيود

يمكنك اعتبار وضع الجهاز على أنّه تقريب من الترتيب الأول لكيفية ظهور صفحتك ومظهرها على الجهاز الجوّال. عند استخدام وضع الجهاز، لن يتم تشغيل الرمز على جهاز جوّال. أنت تحاكي تجربة مستخدم الهاتف المحمول من الكمبيوتر المحمول أو سطح المكتب.

هناك بعض جوانب الأجهزة الجوّالة التي لن تتمكّن "أدوات مطوري البرامج" من محاكاتها. على سبيل المثال، تختلف بنية وحدات المعالجة المركزية المتنقلة جدًا عن بنية وحدات المعالجة المركزية للكمبيوتر المحمول أو سطح المكتب. وإذا كانت لديك أي شكوك، فإن أفضل رهان هو عرض صفحتك على جهاز جوّال. استخدِم تصحيح الأخطاء عن بُعد لعرض رمز الصفحة وتغييره وتصحيح الأخطاء وتحسينه من الكمبيوتر المحمول أو الكمبيوتر المكتبي أثناء تشغيله على جهاز جوّال.

فتح شريط أدوات الجهاز

لفتح شريط أدوات الجهاز، اتبع الخطوات التالية:

1. افتح "أدوات مطوري البرامج".
2. انقر على الأجهزة التبديل بين شريط أدوات الجهاز في شريط الإجراءات في أعلى الصفحة.

محاكاة إطار عرض على الأجهزة الجوّالة

يتم فتح شريط أدوات الجهاز تلقائيًا في إطار العرض مع ضبط السمات على متجاوبة. باستخدام القائمة المنسدلة السمات، يمكنك محاكاة أبعاد جهاز جوّال معيّن.

وضع إطار العرض المتجاوب

اسحب المقابض لتغيير حجم إطار العرض إلى الأبعاد التي تريدها. أو أدخل قيمًا معينة في مربعي العرض والارتفاع. في هذا المثال، تم ضبط العرض على 480 وتم ضبط الارتفاع على 415.

بدلاً من ذلك، استخدم شريط الإعدادات المسبقة للعرض لضبط العرض بنقرة واحدة على أحد الخيارات التالية:

هاتف محمول أس	جهاز جوّال بشاشة متوسطة الحجم	جهاز جوّال بشاشة كبيرة الحجم	الجهاز اللوحي	كمبيوتر محمول	كمبيوتر محمول كبير	4K
320 بكسل	375 بكسل	425 بكسل	768 بكسل	1024 بكسل	1440 بكسل	2560 بكسل

عرض الاستعلامات عن الوسائط

لعرض نقاط الفواصل الإعلانية للاستعلام عن الوسائط فوق إطار العرض، انقر على مزيد من الخيارات > عرض الاستعلامات عن الوسائط.

تعرض "أدوات مطوري البرامج" الآن شريطَين إضافيين فوق إطار العرض:

• الشريط الأزرق الذي يتضمّن max-width نقطة فاصلة
• الشريط البرتقالي الذي يتضمّن نقطتَي فاصلتَين (min-width)

انقر بين نقاط التوقف لتغيير عرض إطار العرض بحيث يتم تشغيل هذه النقطة.

للعثور على بيان @media المقابل، انقر بزر الماوس الأيمن بين نقاط الإيقاف واختَر الإظهار في رمز المصدر. تفتح "أدوات مطوّري البرامج" لوحة المصادر في السطر المقابل في المحرِّر.

ضبط نسبة وحدات البكسل على الجهاز

نسبة بكسل الجهاز (DPR) هي النسبة بين وحدات البكسل الفعلية على شاشة الجهاز ووحدات البكسل المنطقية (CSS). بمعنى آخر، تخبر أداة DPR Chrome بعدد وحدات البكسل في الشاشة المطلوب استخدامها لرسم بكسل CSS. ويستخدم Chrome قيمة DPR عند الرسم على شاشات HiDPI (النقاط العالية لكل بوصة).

لضبط قيمة DPR:

1. انقر على رمز خيارات إضافية > إضافة نسبة وحدات البكسل إلى الجهاز.

   

2. في شريط الإجراءات أعلى إطار العرض، اختر قيمة DPR من القائمة المنسدلة الجديدة DPR.

   

ضبط نوع الجهاز

ويمكنك استخدام قائمة نوع الجهاز لمحاكاة جهاز جوّال أو جهاز كمبيوتر مكتبي.

إذا لم تظهر لك القائمة في شريط الإجراءات في أعلى الصفحة، اختَر خيارات إضافية > إضافة نوع الجهاز.

ويوضّح الجدول التالي الاختلافات بين الخيارات. تشير طريقة العرض إلى ما إذا كان Chrome يعرض الصفحة كإطار عرض متوافق مع الأجهزة الجوّالة أو أجهزة سطح المكتب. يشير رمز المؤشر إلى نوع المؤشر الذي تراه عند تمرير مؤشر الماوس فوق الصفحة. يشير الأحداث التي تم تنشيطها إلى ما إذا كانت الصفحة تنشط touch أو click حدث عند التفاعل مع الصفحة.

Option	طريقة العرض	رمز المؤشر	الأحداث التي تم تنشيطها
الأجهزة الجوّالة	الأجهزة الجوّالة	دائرة	لمس
الجهاز الجوّال (بدون لمس)	الأجهزة الجوّالة	عادي	نقرة
الكمبيوتر المكتبي	الكمبيوتر المكتبي	عادي	نقرة
جهاز كمبيوتر مكتبي (يعمل باللمس)	الكمبيوتر المكتبي	دائرة	لمس

الوضع الخاص بالجهاز

لمحاكاة أبعاد جهاز جوّال معين، حدد الجهاز من قائمة الأبعاد.

لمزيد من المعلومات، يُرجى الاطّلاع على إضافة جهاز جوّال مخصَّص.

تدوير إطار العرض إلى الاتجاه الأفقي

انقر على screen_rotation تدوير لتدوير إطار العرض إلى الاتجاه الأفقي.

تجدر الإشارة إلى أنّ زر تدوير يختفي إذا كان شريط أدوات الجهاز ضيقًا.

راجِع أيضًا ضبط الاتجاه.

تفعيل وضع "الشاشة المزدوجة" أو إيقافه

تحتوي بعض الأجهزة، مثل Surface Duo، على شاشتَين وطريقتَين لاستخدامهما: مع تفعيل إحدى الشاشتَين أو كلتيهما.

للتبديل بين الشاشة المزدوجة والفردية، انقر على devices_fold التبديل بين وضعَي الشاشة المزدوجة في شريط الأدوات.

ضبط وضع الجهاز

تحتوي بعض الأجهزة، مثل Asus Zenbook Fold، على شاشات قابلة للطي. لهذه الشاشات وضعية: مستمرة أو مطوية. يشير الوضع المستمر إلى وضع "مسطّح"، ويشكّل الطي زاوية بين أقسام الشاشة.

لضبط وضع الجهاز، اختَر مستمر أو مطوي من القائمة المنسدلة المقابلة في شريط الأدوات.

عرض إطار الجهاز

عند محاكاة أبعاد جهاز جوّال معيّن، مثل Nest Hub، اختَر خيارات إضافية > عرض إطار الجهاز لإظهار إطار الجهاز الفعلي حول إطار العرض.

ملاحظة: إذا لم يظهر لك إطار جهاز لجهاز معيّن، يعني هذا على الأرجح أنّ "أدوات مطوري البرامج" لا تحتوي على أعمال فنية لهذا الخيار تحديدًا.

في هذا المثال، تعرض "أدوات مطوري البرامج" إطار جهاز Nest Hub.

إضافة جهاز جوّال مخصّص

لإضافة جهاز مخصّص:

1. انقر على قائمة الجهاز، ثمّ اختَر تعديل.

   

2. في إعدادات الإعدادات > علامة التبويب الأجهزة، يمكنك اختيار جهاز من قائمة الأجهزة المتوافقة أو النقر على إضافة جهاز مخصّص لإضافة جهازك.

3. في حال إضافة اسم الجهاز، أدخِل اسمًا وعرضًا وارتفاعًا للجهاز، ثم انقر على إضافة.

   

   إنّ الحقول نسبة بكسل إلى الجهاز وسلسلة وكيل المستخدم ونوع الجهاز اختيارية. حقل نوع الجهاز هو القائمة التي يتم ضبطها تلقائيًا على الجوّال.

4. ارجع إلى إطار العرض، واختَر الجهاز الذي تمت إضافته مؤخرًا من قائمة السمات.

إظهار القواعد

انقر على مزيد من الخيارات > عرض أدوات قياس المسافات لعرض أدوات قياس المسافات. وحدة حجم المساطر هي وحدات البكسل.

تعرض "أدوات مطوري البرامج" أدوات قياس المسافات أعلى إطار العرض وعلى يمينه.

انقر على أدوات قياس المسافات عند علامات معينة لضبط عرض إطار العرض وارتفاعه.

تكبير/تصغير إطار العرض

استخدِم قائمة التكبير/التصغير للتكبير أو التصغير.

التقاط لقطة شاشة

للحصول على لقطة شاشة لما تراه في إطار العرض، انقر على مزيد من الخيارات > التقاط لقطة شاشة.

لالتقاط لقطة شاشة للصفحة بالكامل، بما في ذلك المحتوى غير المرئي في إطار العرض، اختَر التقاط لقطة شاشة بالحجم الكامل من القائمة نفسها.

التحكُّم في الشبكة ووحدة المعالجة المركزية (CPU)

لضبط كلّ من الشبكة ووحدة المعالجة المركزية (CPU)، اختَر جهاز جوّال من المستوى المتوسط أو جهاز جوّال منخفض المواصفات من قائمة تقييد البيانات.

يحاكي هاتف جوّال من المستوى المتوسط شبكة الجيل الثالث السريعة ويحدّ من سرعة وحدة المعالجة المركزية حتى تصبح أبطأ بمقدار 4 مرات من المعتاد. يحاكي الجهاز الجوّال المنخفض المستوى شبكة الجيل الثالث البطيئة ويفرض قيودًا على وحدة المعالجة المركزية 6 مرّات أبطأ من المعتاد. وتجدر الإشارة إلى أنّ تقييد البيانات مرتبط بالقدرات العادية لجهاز الكمبيوتر المحمول أو جهاز كمبيوتر سطح المكتب.

تجدر الإشارة إلى أنّه سيتم إخفاء قائمة التقييد إذا كان شريط أدوات الجهاز ضيّقًا.

تقييد وحدة المعالجة المركزية (CPU) فقط

للتحكّم في وحدة المعالجة المركزية (CPU) فقط وليس الشبكة، انتقِل إلى لوحة الأداء وانقر على إعدادات الالتقاط ، ثم اختَر بطء عمل بمقدار 4 مرات أو بطء بمقدار 6 أضعاف أو بطء بمقدار 20 مرّة من قائمة وحدة المعالجة المركزية (CPU).

تقييد الشبكة فقط

للتحكّم في الشبكة فقط وليس وحدة المعالجة المركزية (CPU)، انتقِل إلى لوحة الشبكة واختَر شبكة الجيل الثالث السريعة أو شبكة الجيل الثالث البطيئة من القائمة الخانق.

أو اضغط على Command+Shift+P (نظام التشغيل Mac) أو Control+Shift+P (أنظمة التشغيل Windows وLinux وChromeOS) لفتح قائمة الأوامر، واكتب 3G ثم اختَر تفعيل تقييد شبكة الجيل الثالث السريع أو تفعيل التقييد البطيء لشبكة الجيل الثالث.

يمكنك أيضًا ضبط تقييد الشبكة من لوحة الأداء. انقر على إعدادات الالتقاط ثم اختَر شبكة الجيل الثالث السريعة أو شبكة الجيل الثالث البطيئة من قائمة الشبكة.

محاكاة أدوات الاستشعار

استخدِم لوحة أجهزة الاستشعار لإلغاء رصد الموقع الجغرافي ومحاكاة اتجاه الجهاز وفرض اللمس ومحاكاة حالة عدم النشاط.

توفر الأقسام التالية نظرة سريعة حول كيفية إلغاء الموقع الجغرافي وتعيين اتجاه الجهاز. للحصول على قائمة كاملة بالميزات، يمكنك الاطّلاع على محاكاة أدوات الاستشعار في الجهاز.

إلغاء رصد الموقع الجغرافي

لفتح واجهة مستخدم إلغاء رصد الموقع الجغرافي، انقر على تخصيص أدوات مطوّري البرامج والتحكّم فيها ثم اختَر مزيد من الأدوات > أجهزة الاستشعار.

أو اضغط على Command+Shift+P (نظام التشغيل Mac) أو Control+Shift+P (أنظمة التشغيل Windows وLinux وChromeOS) لفتح قائمة الأوامر، واكتب Sensors ثم اختَر عرض أجهزة الاستشعار.

اختَر أحد الإعدادات المسبقة من قائمة الموقع الجغرافي، أو اختَر غير ذلك... لإدخال الإحداثيات الخاصة بك، أو اختَر الموقع الجغرافي غير متاح لاختبار سلوك صفحتك عندما يكون الموقع الجغرافي في حالة خطأ.

ضبط الاتجاه

لفتح واجهة المستخدم الخاصة بالاتجاه، انقر على تخصيص أدوات مطوّري البرامج والتحكّم فيها ثم اختَر مزيد من الأدوات > أجهزة الاستشعار.

أو اضغط على Command+Shift+P (نظام التشغيل Mac) أو Control+Shift+P (أنظمة التشغيل Windows وLinux وChromeOS) لفتح قائمة الأوامر، واكتب Sensors ثم اختَر عرض أجهزة الاستشعار.

اختَر أحد الإعدادات المسبقة من قائمة الاتجاه أو اختَر الاتجاه المخصّص لضبط قيم ألفا وبيتا وجاما.