JavaScript - Screen Object

JavaScript - Screen Object

🔸 كائن screen يُستخدم للحصول على معلومات عن شاشة المستخدم، مثل العرض، الارتفاع، دقة الألوان، والمساحة المتوفرة. وهو جزء من BOM (نموذج كائن المتصفح).

---

🔹 عرض وارتفاع الشاشة الكاملة


console.log("العرض: " + screen.width);
console.log("الارتفاع: " + screen.height);
---

🔹 المساحة المتوفرة على الشاشة


console.log("العرض المتاح: " + screen.availWidth);
console.log("الارتفاع المتاح: " + screen.availHeight);

📌 تشير هذه القيم إلى المساحة المتوفرة بعد خصم شريط المهام أو أي أدوات نظام أخرى.

---

🔹 دقة الألوان وعمق البت


console.log("عمق اللون: " + screen.colorDepth);
console.log("عمق البت: " + screen.pixelDepth);
---

📌 استخدامات عملية

  • يمكنك استخدام معلومات screen لضبط تخطيط الصفحة حسب حجم الشاشة.
  • تُفيد أيضًا في الإحصائيات وتحليلات الاستخدام لتحديد أبعاد شاشات الزوار.
---

⚠️ ملاحظات مهمة

  • كائن screen يُقرأ فقط — لا يمكنك تغييره.
  • ليست كل المتصفحات تدعم كل الخصائص بنفس الطريقة.

تعليقات

المشاركات الشائعة من هذه المدونة

HTML - Text Formatting تنسيقات النص

1.1 SQL Introduction

Entity Framework - مقدمة عن Entity Framework