طريقة الاستخدام
- افتح الصفحة على الجهاز الذي تريد معرفة دقته؛ تظهر القيم فوراً.
- غيّر حجم نافذة المتصفح أو أدر الجوال، فتتحدث قيم النافذة والاتجاه.
- انسخ القيم بزر «نسخ النتيجة» لإرسالها للدعم الفني أو لمصمم.
كيف تُحسب القيم؟
يقرأ المتصفح عرض الشاشة وارتفاعها من الخاصيتين screen.width وscreen.height بوحدة «بكسل CSS»، ويقرأ نسبة البكسلات من window.devicePixelRatio، وهي عدد البكسلات الفعلية المستخدمة لرسم بكسل CSS واحد. وبضربهما نحصل على الدقة الفعلية التقريبية.
مثال: جوال يعرض 390 × 844 بكسل CSS ونسبة بكسلاته 3، فدقته الفعلية التقريبية 1170 × 2532 بكسل.
القيم التي تعرضها الأداة
| القيمة | معناها |
|---|---|
| دقة الشاشة | مساحة الشاشة كاملة بوحدات CSS |
| المساحة المتاحة | الشاشة بعد استبعاد شريط المهام أو شريط النظام |
| نافذة المتصفح | المساحة التي تعرض الصفحة (viewport) |
| نسبة البكسلات | البكسلات الفعلية لكل بكسل CSS |
| عمق الألوان | عدد البتات لكل بكسل كما يبلغ عنه المتصفح |
| الاتجاه | عمودي أو أفقي |
متى تحتاج هذه المعلومات؟
- عند تصميم صورة خلفية أو شعار بمقاس يناسب شاشتك.
- عند اختبار موقع على مقاسات مختلفة، فمقاس النافذة هو ما يهم تصميم الصفحة.
- عند طلب الدعم الفني لمشكلة عرض في موقع أو تطبيق.
- لتغيير مقاس صورة إلى أبعاد شاشتك استخدم تغيير مقاس الصورة.
المصدر: MDN لخاصيتي Window.devicePixelRatio وScreen. القيم كما يبلغ عنها متصفحك، وقد تختلف قليلاً مع الزوم أو إعدادات تكبير النظام.
أمثلة حساب
| بكسلات CSS | نسبة البكسلات | الدقة الفعلية التقريبية |
|---|---|---|
| 1920 × 1080 | 1 | 1920 × 1080 |
| 1440 × 900 | 2 | 2880 × 1800 |
| 390 × 844 | 3 | 1170 × 2532 |
مصطلحات
- البكسل: أصغر نقطة ضوئية تعرضها الشاشة.
- بكسل CSS: وحدة القياس التي تستخدمها صفحات الويب، وقد تساوي أكثر من بكسل فعلي.
- النافذة (Viewport): المساحة المرئية من الصفحة داخل المتصفح.
الخصوصية وعلى الجوال
تعمل الأداة بالكامل داخل متصفحك، فلا تحتاج إلى تسجيل ولا إلى إنترنت بعد فتح الصفحة، ولا يُرسل أي شيء تكتبه إلى خادم. وتعمل في متصفحات الجوال الحديثة؛ اضغط زر النسخ ثم الصق النتيجة حيث تريد.
نصائح
- لقياس دقة شاشة خارجية افتح الصفحة في نافذة على تلك الشاشة.
- عند تصميم خلفية للجوال استخدم الدقة الفعلية التقريبية لا بكسلات CSS.
- أعد تحميل الصفحة بعد تغيير إعدادات العرض في النظام.
دقة الشاشة ونسبة العرض إلى الارتفاع
قسمة العرض على الارتفاع تعطي نسبة الشاشة: 1920 ÷ 1080 ≈ 1.78، وهي النسبة المكتوبة عادة 16:9 لأن 16 ÷ 9 ≈ 1.78 أيضاً. وعلى الجوال في الوضع العمودي تنعكس النسبة لأن الارتفاع أكبر من العرض.