شاشتك، منطقة العرض، ومتصفحك في لمحة.
معرفة الحجم الدقيق لمنطقة العرض، ونسبة بكسلات الجهاز، ودقة الشاشة للجهاز الذي تختبر عليه أمر أساسي للتصميم المتجاوب وإعادة إنتاج الأخطاء. تفيد هذه الأداة بهذه المعلومات في الوقت الفعلي وتحدثها عند تدوير الشاشة أو تغيير حجمها. استخدمها لتأكيد أن شاشة "ريتينا" (Retina) تضاعف البكسلات، أو لالتقاط منطقة العرض الدقيقة لقطة شاشة، أو لتصحيح الأخطاء في نقاط التوقف التي تتصرف بشكل مختلف عن المتوقع.
الدقة هي العدد الفعلي للبكسلات في الشاشة. منطقة العرض هي مساحة بكسلات CSS التي يتم فيها عرض صفحتك، وهي عادة ما تكون أصغر بسبب قياس DPR.
هي نسبة البكسلات الفيزيائية إلى بكسلات CSS. تعني نسبة بكسلات جهاز تساوي 2 أن كل بكسل CSS يتم عرضه ككتلة 2x2 — ولهذا السبب تحتاج صور "ريتينا" (Retina) إلى أن تكون 2x.
يتبادل وضعا الأفق والرأس الأبعاد وقد يؤديان إلى تفعيل استعلامات وسائط مختلفة. اختبر دائمًا كلا الاتجاهين على الهاتف المحمول.
يستهدف تصميم الويب المتجاوب الحديث أحجام 360، 768، 1024، و 1440 بكسل كنقاط ارتكاز؛ صمم بسلاسة بينها بدلاً من التصميم لأجهزة محددة.