كيفية الاستخدام
- افتح الصفحة. تُقرأ القيم من متصفحك فورًا.
- غيّر حجم النافذة أو أدر جهازك لمشاهدة تحديث حجم إطار العرض والاتجاه.
- استخدم «نسخ الكل» للصق التفاصيل في تقرير عن خطأ أو طلب دعم.
كيف تعمل الأداة
تعرض المتصفحات الأحجام بوحدات بكسل CSS، وهي الوحدة التي تستخدمها صفحات الويب لتنسيق التخطيط. على الشاشات عالية الكثافة، يُرسم كل بكسل CSS باستخدام عدة بكسلات فعلية؛ وتوضح نسبة بكسل الجهاز (DPR) عددها. فالهاتف الذي يعرض 390 × 844 مع DPR يساوي 3 يحتوي على لوحة بدقة تقارب 1170 × 2532 بكسلًا فعليًا. على أجهزة الكمبيوتر المكتبية، يؤثر كل من تكبير المتصفح وتحجيم العرض في نظام التشغيل على DPR وحجم CSS؛ لذلك تعرض شاشة بدقة 2560 × 1440 عند تحجيم 125 % قيمة 2048 × 1152.
دقة الشاشة هي دقة العرض بالكامل؛ أما المساحة المتاحة فلا تشمل أشرطة نظام التشغيل الدائمة، مثل شريط مهام Windows أو شريط قوائم macOS؛ وإطار العرض هو الجزء من نافذة المتصفح الذي تظهر فيه الصفحة، من دون أشرطة الأدوات، مع احتساب شريط التمرير إن وُجد. يستجيب إطار العرض لقواعد CSS للاستعلام عن الوسائط، مثل min-width: 768px، لذا فهو القيمة التي ينبغي التحقق منها عند اختبار التخطيطات المتجاوبة.
يأتي نظام الألوان وتفضيل تقليل الحركة من ميزات وسائط CSS نفسها التي تستخدمها مواقع الويب للتكيف مع إعدادات النظام. أما العلامات التجارية والمنصة والجهاز المحمول فتأتي من تلميحات عميل User-Agent، التي لا توفرها إلا المتصفحات المبنية على Chromium. قد تقرّب بعض المتصفحات هذه القيم أو تثبتها عمدًا للحد من البصمة الرقمية، لذا قد لا تطابق جهازك تمامًا.
أمثلة
اختبار تخطيط متجاوب
تعطّل تخطيط على حاسوب محمول لأحد الزملاء. ينسخ تفاصيل الشاشة، فتظهر أن حجم إطار العرض هو 1280 × 649 وDPR يساوي 1.5. اضبط شريط أدوات الأجهزة في متصفحك على حجم إطار العرض نفسه لإعادة إظهار المشكلة.
اختيار أحجام الصور
تُعرض صورة منتج بعرض 400 بكسل CSS. وعلى هاتف ذي DPR يساوي 3، تحتاج إلى 1200 بكسل لتبدو واضحة؛ وهذا يحدد الأحجام التي ينبغي تضمينها في srcset.
التحقق من تحجيم الشاشة
تعرض شاشة بدقة 3840 × 2160 دقة 2560 × 1440 مع DPR يساوي 1.5؛ وهذا يعني أن Windows يحجّم العرض بنسبة 150 %.
الأسئلة الشائعة
لماذا تختلف دقة الشاشة المعروضة عن مواصفات شاشتي؟
تعرض المتصفحات القيم ببكسلات CSS، وهي البكسلات الفعلية مقسومة على عامل التحجيم. اضرب القيمة في نسبة بكسل الجهاز لتحصل على تقدير قريب من دقة الأجهزة. ويغيّر تكبير المتصفح القيمة المعروضة أيضًا.
ما الفرق بين حجم الشاشة وحجم إطار العرض؟
حجم الشاشة هو حجم العرض بالكامل. أما حجم إطار العرض فيقتصر على المنطقة داخل نافذة المتصفح التي تُعرض فيها الصفحة، لذا فهو أصغر ويتغير عند تغيير حجم النافذة أو فتح أدوات المطور.
هل تُستخدم هذه المعلومات لتتبعي؟
لا تستخدم هذه الصفحة هذه المعلومات؛ فهي تُعرض لك فقط ولا تُخزّن أو تُرسل إلى أي جهة. لكن يمكن لمواقع الويب قراءة القيم نفسها، ولذلك تقرّبها بعض المتصفحات لتصعّب إنشاء البصمة الرقمية.
لماذا يظهر دعم اللمس على حاسوبي المحمول؟
يُحدَّد دعم اللمس استنادًا إلى عدد نقاط اللمس التي يعرضها المتصفح. تعرض الحواسيب المحمولة المزودة بشاشات لمس نقاط اللمس حتى إن كنت تستخدم الفأرة غالبًا، وقد تعرض بعض برامج التشغيل أو إعدادات سطح المكتب البعيد دعم اللمس من دون وجود شاشة لمس.
الخصوصية
تُقرأ جميع القيم باستخدام JavaScript في متصفحك ولا تُعرض إلا لك. لا تُخزّن أو تُرفع أو تُضمّن في التحليلات؛ ولا يُسجّل سوى حدث مجهول الهوية يفيد بفتح الأداة واستخدامها.