طريقة الاستخدام
- 1افتح الصفحة؛ تظهر القيم تلقائيًا.
- 2غيّر حجم النافذة أو أدر الجوال لترى القيم تتحدث مباشرة.
- 3شارك القيم التي تحتاجها مع المصمم أو الدعم الفني.
دقة الشاشة مقابل مساحة العرض
دقة الشاشة هي حجم الشاشة كما يبلغ عنه المتصفح، أما مساحة العرض (viewport) فهي المساحة الفعلية التي تظهر فيها الصفحة بعد استبعاد أشرطة المتصفح. المصممون والمطورون يعتمدون على مساحة العرض عند اختبار التصميم المتجاوب.
ما هي نسبة البكسل DPR؟
شاشات الجوالات الحديثة وأجهزة Retina تعرض عدة بكسلات فعلية لكل بكسل CSS. مثلًا هاتف بمساحة عرض 390 بكسل ونسبة 3 يملك فعليًا 1170 بكسل عرضًا. لهذا تحتاج الصور إلى دقة أعلى لتبدو حادة.
معلومات إضافية
تعرض الأداة أيضًا عمق الألوان واتجاه الشاشة ودعم اللمس والمتصفح ونظام التشغيل المستنتجين من User-Agent والمنطقة الزمنية ولغة المتصفح. كل ذلك يُقرأ محليًا في متصفحك ولا يُرسل إلى أي مكان.
الأسئلة الشائعة
لماذا تظهر دقة أقل من دقة شاشتي الحقيقية؟
المتصفح يبلغ عن الدقة بوحدات CSS. اضرب القيمة في نسبة البكسل DPR لتحصل على الدقة الفعلية.
هل يؤثر تكبير المتصفح على النتيجة؟
نعم، التكبير والتصغير يغيران مساحة العرض ونسبة البكسل المبلغ عنها.
ما أكثر دقة شاشة شائعة؟
على الكمبيوتر 1920×1080، وعلى الجوال تتراوح مساحة العرض عادة بين 360 و430 بكسل عرضًا.
النتائج غير مرضية؟
تواصل مع Webin Agency لمواقع سريعة متوافقة مع السيو، ومتاجر إلكترونية، وإدارة إعلانات Google.