شاشة JS Window

يحتوي عنصر window.screen على معلومات بشأن شاشة المستخدم.

عنصر الشاشة

window.screenالعنصر يمكن استخدامه لعرض دقة الشاشة (العرض والارتفاع)، عمق اللون، عمق البكسل، إلخ.

window.screenيمكن استخدامها بتقديمها دون بدء بـ(window.).

screenالعنصر يحتوي على الخصائص التالية:

• screen.width

• screen.height

• screen.availWidth

• screen.availHeight

• screen.colorDepth

• screen.pixelDepth

في الفقرة التالية، سأوضح لك كيفية استخدام خصائص عنصر screen من نافذة window للحصول على معلومات عرض المستخدم.

عرض الشاشة

screen.widthالخصائص تعود بعرض الشاشة الكلي للزائر (بالبكسل).

var x = screen.width;

ارتفاع الشاشة

screen.heightالخصائص تعود بارتفاع الشاشة الكلي للزائر (بالبكسل).

var x = screen.height;

عرض الشاشة المتاح

screen.availWidthالخصائص تعود بعرض المنطقة المتاحة لنافذة التطبيق (بالبكسل).

منطقة نافذة التطبيق هي كل الشاشة باستثناء شريط المهام.

var x = screen.availWidth;

ارتفاع الشاشة المتاح

screen.availHeightالخصائص تعود بارتفاع المنطقة المتاحة لنافذة التطبيق (بالبكسل).

منطقة نافذة التطبيق هي كل الشاشة باستثناء شريط المهام.

var x = screen.availHeight;

عمق اللون للشاشة النافذة

screen.colorDepthالخصائص تعود بعمق لون الشاشة الخاصة بالمستخدم.

عمق اللون هو عدد الأعداد الثنائية المستخدمة لتمثيل لون كل بكسل.

عمق اللون يُمثل عدد الألوان التي يمكن أن تنتجها الشاشة الخاصة بالجهاز.

على سبيل المثال، الشاشة التي لديها عمق لوني يبلغ 8 يمكن أن تنتج 256 لونًا (2 ⁸)

var x = screen.colorDepth;

في الوقت الحالي، معظم الشاشات الخاصة بالأجهزة لها عمق لوني يبلغ 24 أو 32. ببساطة، فإن المزيد من الأعداد الثنائية ينتج عنها تغييرات ألوان أكبر، مثل 24 بت يمكن أن ينتج عنها 2 ²⁴ = 16,777,216 لون تغيير (ألوان حقيقية)، و32 بت يمكن أن ينتج 2 ³² = 4,294,967,296 لون تغيير (الألوان الداكنة)

عمق بكسل الشاشة النافذة

screen.pixelDepthيستعيد هذا الخصائص عمق الشاشة.

عمق البكسل هو عدد الأعمدة التي يستخدمها جهاز العرض لكل بكسل.

بالنسبة للأجهزة الحديثة، عمق اللون وعمق البكسل متساويان.

var x = screen.pixelDepth;

مزيد من الأمثلة

هذا المثال يعرض جميع خصائص الشاشة:

var txt = "";
txt += "<p>عرض/ارتفاع الإجمالي: " + screen.width + "*" + screen.height + "</p>";
txt += "<p>عرض/ارتفاع المتاح: " + screen.availWidth + "*" + screen.availHeight + "</p>";
txt += "<p>عمق اللون: " + screen.colorDepth + "</p>";
txt += "<p>دقة اللون: " + screen.pixelDepth + "</p>";
document.write(txt);