كشف دقة الشاشة وإطار العرض مع اختبار نقاط التوقف المتجاوبة وتحديث مباشر عند تغيير الحجم
أدوات مفيدة
حول هذه الأداة
تعرض أداة كشف دقة الشاشة فورًا دقة شاشتك وحجم إطار العرض ونسبة بكسل الجهاز ومساحة الشاشة المتاحة والاتجاه ونقاط التوقف المتجاوبة — تتحدث جميع المعلومات مباشرة عند تغيير حجم نافذة المتصفح.
الميزات الرئيسية
- كشف فوري لدقة الشاشة وحجم إطار العرض
- عرض نسبة بكسل الجهاز ومساحة الشاشة المتاحة
- عرض الاتجاه الحالي (أفقي أو عمودي)
- مؤشر نقاط التوقف المتجاوبة (XS، SM، MD، LG، XL، XXL)
- تحديث مباشر عند تغيير حجم نافذة المتصفح
- لا حاجة للتثبيت، يعمل بالكامل في المتصفح
حالات الاستخدام
- التحقق من دقة الشاشة وحجم إطار العرض لتطوير الويب
- التحقق من نقطة التوقف المتجاوبة الحالية للتخطيط
- اختبار استجابة الموقع لأحجام النوافذ المختلفة
- تحديد نسبة بكسل الجهاز لاختبار الشاشات عالية DPI
- فحص سريع لاتجاه الشاشة أثناء عمل التصميم المتجاوب
screen
resolution
viewport
الأسئلة الشائعة
ما المعلومات التي تعرضها أداة كشف دقة الشاشة؟
تعرض الأداة دقة شاشتك وحجم إطار العرض ونسبة بكسل الجهاز ومساحة الشاشة المتاحة والاتجاه الحالي (أفقي أو عمودي) ونقطة التوقف المتجاوبة التي ينتمي إليها إطار العرض.
ما الفرق بين دقة الشاشة وحجم إطار العرض؟
دقة الشاشة هي حجم البكسل الفعلي للشاشة (مثل 1920x1080). حجم إطار العرض هو مساحة نافذة المتصفح المرئية، وعادة ما تكون أصغر من الشاشة الكاملة بسبب واجهة المتصفح وشريط المهام وإعدادات التكبير.
ما هي نسبة بكسل الجهاز؟
نسبة بكسل الجهاز (DPR) هي نسبة البكسل الفعلي للشاشة إلى بكسل CSS. DPR بقيمة 2 تعني أن كل بكسل CSS يستخدم 2x2 بكسل فعلي، وهو شائع في شاشات Retina والشاشات عالية DPI. يؤثر هذا على عرض الصور والتصميم المتجاوب.
كيفية اختبار نقاط التوقف المتجاوبة؟
تعرض الأداة عرض وارتفاع إطار العرض الحالي مباشرة. اضبط حجم نافذة المتصفح لرؤية تغير الأبعاد. يساعد هذا في تحديد نقاط توقف CSS النشطة عند أحجام النوافذ المختلفة.
هل يمكن كشف اتجاه الشاشة؟
نعم. تعرض الأداة ما إذا كانت الشاشة عمودية أم أفقية، وهو مفيد بشكل خاص عند اختبار التخطيطات المتجاوبة على الأجهزة المحمولة أو الشاشات القابلة للتدوير.