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

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

نظرة عامة

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

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

القيود

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

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

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

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

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

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

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

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

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

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

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

لعرض نقاط توقُّف طلبات البحث عن الوسائط فوق مساحة العرض، انقر على المزيد من الخيارات > عرض طلبات البحث عن الوسائط.

تعرِض أدوات المطوّرين الآن شريطَين إضافيَين أعلى مساحة العرض:

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

انقر بين نقاط التوقف لتغيير عرض مساحة العرض حتى يتم تنشيط نقطة التوقف.

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

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

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

لضبط قيمة "التكلفة لكل تثبيت":

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

   

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

   

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

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

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

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

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

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

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

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

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

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

يُرجى الاطّلاع أيضًا على ضبط الاتجاه.

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

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

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

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

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

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

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

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

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

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

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

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

   

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

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

   

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

4. في نافذة العرض، اختَر الجهاز الذي تمت إضافته حديثًا من قائمة السمات.

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

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

تعرِض أدوات المطوّرين أُطرًا في أعلى مساحة العرض وعلى يمينها.

انقر على الخطوط في علامات معيّنة لضبط عرض مساحة العرض وارتفاعها.

تكبير إطار العرض

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

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

لالتقاط لقطة شاشة لما يظهر في مساحة العرض، انقر على خيارات إضافية > التقاط لقطة شاشة.

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

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

للتعرّف على طرق أخرى لالتقاط لقطات شاشة باستخدام أدوات المطوّرين، اطّلِع على 4 طرق لالتقاط لقطات شاشة باستخدام أدوات المطوّرين.

تقييد أداء الشبكة ووحدة المعالجة المركزية

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

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

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

تقييد أداء وحدة المعالجة المركزية فقط

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

ضبط الحدّ الأقصى المسموح به لعرض نطاق الشبكة فقط

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

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

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

محاكاة أجهزة الاستشعار

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

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

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

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

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

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

ضبط الاتجاه

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

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

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