استخدِم وضع الجهاز لتقريب كيفية ظهور صفحتك ومستوى أدائها على جهاز جوّال.
"وضع الجهاز" هو اسم مجموعة من الميزات في "أدوات مطوري البرامج في Chrome" تساعدك في محاكاة الأجهزة الجوّالة. وتشمل هذه الميزات ما يلي:
- محاكاة إطار عرض متوافق مع الأجهزة الجوّالة
- تقييد وحدة المعالجة المركزية (CPU)
- تقييد الشبكة
- بالإضافة إلى ذلك، في علامة التبويب أجهزة الاستشعار:
القيود
انظر إلى وضع الجهاز على أنّه تقدير تقريبي من الدرجة الأولى لشكل صفحتك وأسلوبها على الجهاز الجوّال. باستخدام وضع الجهاز، لا يمكنك تنفيذ الرمز على جهاز جوّال. أنت تحاكي تجربة مستخدم الهاتف المحمول من الكمبيوتر المحمول أو سطح المكتب.
هناك بعض جوانب الأجهزة الجوّالة التي لن تتمكّن أدوات مطوّري البرامج من محاكاتها. على سبيل المثال، تختلف بنية وحدات المعالجة المركزية (CPU) للهاتف المحمول عن بنية وحدات المعالجة المركزية (CPU) للكمبيوتر المحمول أو أجهزة سطح المكتب. إذا كنت في حيرة من أمرك، فأفضل إجراء هو عرض صفحتك على جهاز جوّال. يمكنك استخدام تصحيح الأخطاء عن بُعد لعرض رمز الصفحة وتغييره وتصحيحه وملفه الشخصي من الكمبيوتر المحمول أو الكمبيوتر المكتبي أثناء تشغيله على جهاز جوّال.
محاكاة إطار عرض متوافق مع الأجهزة الجوّالة
انقر على الأجهزة تبديل شريط أدوات الجهاز لفتح شريط أدوات يتيح لك محاكاة إطار عرض للأجهزة الجوّالة.
بشكل تلقائي، يتم فتح شريط أدوات الجهاز في إطار العرض مع ضبط السمات على متجاوب.
وضع إطار العرض المتجاوب
اسحب المقابض لتغيير حجم إطار العرض إلى أي أبعاد تحتاج إليها. أو أدخل قيم محددة في
مربعي العرض والارتفاع. في هذا المثال، يتم ضبط العرض على 480
والارتفاع على 415
.
بدلاً من ذلك، استخدم شريط الإعدادات المسبقة للعرض لضبط العرض بنقرة واحدة على أي مما يلي:
جهاز جوّال بشاشة صغيرة الحجم | جهاز جوّال بشاشة M | جهاز جوّال بشاشة كبيرة الحجم | الأجهزة اللوحية | كمبيوتر محمول | كمبيوتر محمول بشاشة كبيرة | 4K |
---|---|---|---|---|---|---|
320 بكسل | 375 بكسل | 425 بكسل | 768 بكسل | 1024 بكسل | 1440 بكسل | 2560 بكسل |
عرض الاستعلامات عن الوسائط
لعرض نقاط توقف للاستعلام عن الوسائط فوق إطار العرض، انقر على مزيد من الخيارات > عرض الاستعلامات عن الوسائط.
تعرض "أدوات مطوري البرامج" الآن شريطين إضافيين فوق إطار العرض:
- الشريط الأزرق الذي يتضمّن
max-width
نقطة إيقاف - الشريط البرتقالي الذي يتضمّن
min-width
نقطة إيقاف
انقر بين نقاط الإيقاف لتغيير عرض إطار العرض حتى يتم تشغيل نقطة الإيقاف.
للعثور على بيان @media
المقابل، انقر بزر الماوس الأيمن بين نقاط الإيقاف واختَر الإظهار في رمز المصدر. تفتح "أدوات مطوري البرامج" لوحة المصادر في السطر المقابل في أداة التعديل.
ضبط نسبة وحدات البكسل للجهاز
نسبة وحدات البكسل في الجهاز (DPR) هي النسبة بين وحدات البكسل الفعلية على شاشة الجهاز ووحدات البكسل المنطقية (CSS). بمعنى آخر، يعمل نظام DPR على إبلاغ Chrome بعدد وحدات بكسل الشاشة التي يجب استخدامها لرسم بكسل CSS. يستخدم Chrome قيمة DPR عند الرسم على شاشات HiDPI (النقاط العالية لكل بوصة).
لضبط قيمة DPR:
انقر على رمز خيارات إضافية > إضافة نسبة وحدات البكسل للجهاز.
في شريط الإجراءات أعلى إطار العرض، اختَر قيمة DPR من القائمة المنسدلة DPR الجديدة.
تحديد نوع الجهاز
استخدِم قائمة نوع الجهاز لمحاكاة جهاز جوّال أو جهاز كمبيوتر مكتبي.
إذا لم تظهر لك القائمة في شريط الإجراءات في أعلى الشاشة، اختَر رمز خيارات إضافية > إضافة نوع الجهاز.
يوضح الجدول التالي الاختلافات بين الخيارات. تشير طريقة العرض إلى ما إذا كان Chrome يعرض الصفحة كإطار عرض للأجهزة الجوّالة أو لأجهزة الكمبيوتر المكتبي. يشير رمز المؤشر إلى نوع المؤشر الذي تراه عند التمرير فوق الصفحة. تشير الحالة الأحداث التي تم تنشيطها إلى ما إذا كانت الصفحة تنشط
touch
أو أحداث click
عند تفاعلك مع الصفحة.
Option | طريقة العرض | رمز المؤشر | تم تنشيط الأحداث. |
---|---|---|---|
الأجهزة الجوّالة | الأجهزة الجوّالة | دائرة | لمس |
الجهاز الجوّال (بدون لمس) | الأجهزة الجوّالة | عادي | نقرة |
أجهزة الكمبيوتر المكتبي | أجهزة الكمبيوتر المكتبي | عادي | نقرة |
الكمبيوتر المكتبي (اللمس) | أجهزة الكمبيوتر المكتبي | دائرة | لمس |
الوضع الخاص بالجهاز
لمحاكاة أبعاد جهاز جوّال معيّن، اختَر الجهاز من قائمة السمات.
للمزيد من المعلومات، يُرجى الاطّلاع على إضافة جهاز جوّال مخصّص.
تدوير إطار العرض إلى الاتجاه الأفقي
انقر على screen_rotation تدوير لتدوير إطار العرض إلى الاتجاه الأفقي.
لاحظ أن زر التدوير يختفي في حال ضيق شريط أدوات الجهاز.
راجع أيضًا ضبط الاتجاه.
إيقاف/تفعيل وضع الشاشة المزدوجة
تتوفّر في بعض الأجهزة، مثلاً Surface Duo، شاشتان وطريقتان لاستخدامهما: تفعيل إحدى الشاشتين أو كلتاهما.
للتبديل بين الشاشة المزدوجة والشاشة الفردية، انقر على devices_fold التبديل بين وضع الشاشة المزدوجة في شريط الأدوات.
ضبط وضع الجهاز
تحتوي بعض الأجهزة، على سبيل المثال، Asus Zenbook Fold، على شاشات قابلة للطي. هذه الشاشات لها وضعية: مستمرة أو مطوية. تشير الوضعية المستمرة إلى الوضع "مسطّح" ويشكّل العنصر المطوي زاوية بين أقسام الشاشة.
لضبط وضع الجهاز، اختَر مستمر أو مطوي من القائمة المنسدلة المقابلة في شريط الأدوات.
عرض إطار الجهاز
عند محاكاة أبعاد جهاز جوّال محدّد، مثل Nest Hub، انقر على رمز خيارات إضافية > إظهار إطار الجهاز لعرض إطار الجهاز حول إطار العرض.
في هذا المثال، تعرض "أدوات مطوري البرامج" إطار Nest Hub.
إضافة جهاز جوّال مخصّص
لإضافة جهاز مخصّص:
انقر على قائمة الجهاز ثم اختَر تعديل.
في علامة التبويب الإعدادات > الأجهزة، اختَر جهازًا من قائمة الأجهزة المتوافقة أو انقر على إضافة جهاز مخصّص لإضافة جهازك الخاص.
إذا كنت تريد إضافة معلومات خاصة بك، أدخِل الاسم والعرض والارتفاع للجهاز، ثم انقر على إضافة.
تكون الحقول نسبة وحدات البكسل للجهاز وسلسلة وكيل المستخدم ونوع الجهاز اختيارية. حقل نوع الجهاز هو القائمة التي تم ضبطها على الأجهزة الجوّالة تلقائيًا.
في إطار العرض، اختَر الجهاز المضاف حديثًا من قائمة السمات.
إظهار القواعد
انقر على رمز خيارات إضافية > عرض أدوات قياس المسافات لرؤية أدوات قياس المسافات. وحدة تحديد حجم أدوات قياس المسافات هي البكسل.
تعرض أدوات مطوّري البرامج أدوات القياس في أعلى إطار العرض وعلى يمينه.
انقر على أدوات قياس المسافات في علامات محددة لضبط عرض إطار العرض وارتفاعه.
تكبير/تصغير إطار العرض
استخدِم قائمة التكبير أو التصغير للتكبير أو التصغير.
التقاط لقطة شاشة
لأخذ لقطة شاشة لما يظهر لك في إطار العرض، انقر على خيارات إضافية > التقاط لقطة شاشة.
لالتقاط لقطة شاشة للصفحة بأكملها، بما في ذلك المحتوى الذي لا يظهر في إطار العرض، اختَر التقاط لقطة شاشة بالحجم الكامل من القائمة نفسها.
التحكم في الشبكة ووحدة المعالجة المركزية (CPU)
للتحكّم في كل من الشبكة ووحدة المعالجة المركزية (CPU)، اختَر الأجهزة الجوّالة من المستوى المتوسط أو الأجهزة الجوّالة المنخفضة المواصفات من قائمة الحدّ الأدنى.
يحاكي الأجهزة الجوّالة من المستوى المتوسط سرعة شبكة الجيل الثالث ويقيّد وحدة المعالجة المركزية (CPU) بحيث تكون أبطأ من المعتاد بمقدار 4 مرات. يحاكي الجهاز الجوّال ذو المستوى المنخفض شبكة الجيل الثالث البطيئة، ويضيق نطاق وحدة المعالجة المركزية (CPU) بمقدار 6 مرات عن المعتاد. تجدر الإشارة إلى أنّ التقييد مرتبط بالإمكانات العادية للكمبيوتر المحمول أو الكمبيوتر المكتبي.
تجدر الإشارة إلى أنّ قائمة التقييد ستكون مخفية في حال ضيق شريط أدوات الجهاز.
التحكم في استخدام وحدة المعالجة المركزية (CPU) فقط
للتحكّم في وحدة المعالجة المركزية (CPU) فقط وليس على الشبكة، انتقِل إلى لوحة الأداء وانقر على إعدادات الالتقاط ، ثم اختَر بطء بمقدار 4 أضعاف أو بطء بمقدار 6 أضعاف من قائمة وحدة المعالجة المركزية (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
، ثم اختَر إظهار أدوات الاستشعار.
اختَر أحد الإعدادات المسبقة من قائمة الاتجاه أو اختَر اتجاه مخصّص لضبط قيم ألفا وبيتا وغاما الخاصة بك.