شاشة نافذة جافا سكريبت
يحتوي الكائن window.screen على معلومات حول شاشة المستخدم.
نافذة الشاشة
يمكن window.screen
كتابة الكائن بدون بادئة النافذة.
الخصائص:
screen.width
screen.height
screen.availWidth
screen.availHeight
screen.colorDepth
screen.pixelDepth
عرض نافذة الشاشة
تقوم screen.width
الخاصية بإرجاع عرض شاشة الزائر بالبكسل.
مثال
عرض عرض الشاشة بالبكسل:
document.getElementById("demo").innerHTML =
"Screen Width: " + screen.width;
ستكون النتيجة:
Screen Width: 1920
ارتفاع شاشة النافذة
تعرض screen.height
الخاصية ارتفاع شاشة الزائر بالبكسل.
مثال
عرض ارتفاع الشاشة بالبكسل:
document.getElementById("demo").innerHTML =
"Screen Height: " + screen.height;
ستكون النتيجة:
Screen Height: 10000
عرض نافذة الشاشة المتاحة
تعرض screen.availWidth
الخاصية عرض شاشة الزائر بالبكسل مطروحًا منها ميزات الواجهة مثل شريط مهام Windows.
مثال
اعرض العرض المتاح للشاشة بالبكسل:
document.getElementById("demo").innerHTML =
"Available Screen Width: " + screen.availWidth;
ستكون النتيجة:
Available Screen Width: 1920
ارتفاع نافذة الشاشة المتاحة
تعرض screen.availHeight
الخاصية ارتفاع شاشة الزائر بالبكسل مطروحًا منها ميزات الواجهة مثل شريط مهام Windows.
مثال
اعرض الارتفاع المتاح للشاشة بالبكسل:
document.getElementById("demo").innerHTML =
"Available Screen Height: " + screen.availHeight;
ستكون النتيجة:
Available Screen Height: 10000
عمق لون شاشة النافذة
تقوم screen.colorDepth
الخاصية بإرجاع عدد وحدات البت المستخدمة لعرض لون واحد.
تستخدم جميع أجهزة الكمبيوتر الحديثة أجهزة 24 بت أو 32 بت لدقة الألوان:
- 24 بت = 16777216 "ألوان حقيقية" مختلفة
- 32 بت = 4،294،967،296 "ألوان عميقة" مختلفة
استخدمت أجهزة الكمبيوتر القديمة 16 بت: 65.536 دقة "ألوان عالية" مختلفة.
أجهزة الكمبيوتر القديمة جدًا والهواتف المحمولة القديمة تستخدم 8 بت: 256 لونًا مختلفًا لـ VGA.
مثال
اعرض عمق ألوان الشاشة بالبت:
document.getElementById("demo").innerHTML =
"Screen Color Depth: " + screen.colorDepth;
ستكون النتيجة:
Screen Color Depth: 24
تمثل قيم #rrggbb (rgb) المستخدمة في HTML "ألوان حقيقية" (16777216 لونًا مختلفًا)
عمق بكسل شاشة النافذة
تقوم screen.pixelDepth
الخاصية بإرجاع عمق البكسل للشاشة.
مثال
اعرض عمق البكسل للشاشة بالبت:
document.getElementById("demo").innerHTML =
"Screen Pixel Depth: " + screen.pixelDepth;
ستكون النتيجة:
Screen Pixel Depth: 24
بالنسبة لأجهزة الكمبيوتر الحديثة ، فإن عمق اللون وعمق البكسل متساويان.