شاشة نافذة جافا سكربت

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

شاشة Windows

window.screen يمكن كتابة هذا العنصر بدون بادئة window:

خصائص:

  • screen.width
  • screen.height
  • screen.availWidth
  • screen.availHeight
  • screen.colorDepth
  • screen.pixelDepth

عرض الشاشة

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

مثال

يظهر العرض بالبكسل للشاشة:

document.getElementById("demo").innerHTML = "عرض الشاشة: " + screen.width;

النتيجة ستكون:




جرب بنفسك






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


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


مثال


يظهر الارتفاع بالبكسل للشاشة:


document.getElementById("demo").innerHTML = "ارتفاع الشاشة: " + screen.height;



النتيجة ستكون:





جرب بنفسك






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


screen.availWidth يعود هذا الخصائص بعرض شاشة الزائر بالبكسل، بعد إزالة الميزات الظاهرية مثل شريط الأدوات.


مثال


يظهر العرض المتاح للشاشة بالبكسل:


document.getElementById("demo").innerHTML = "عرض الشاشة المتاح: " + screen.availWidth;



النتيجة ستكون:





جرب بنفسك






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


screen.availHeight يعود هذا الخصائص بارتفاع شاشة الزائر بالبكسل، بعد إزالة الميزات الظاهرية مثل شريط الأدوات.


مثال


يظهر الارتفاع المتاح للشاشة بالبكسل:


document.getElementById("demo").innerHTML = "ارتفاع الشاشة المتاح: " + screen.availHeight;



النتيجة ستكون:





جرب بنفسك






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


screen.colorDepth يعود هذا الخصائص بمقدار بتات العرض اللوني المطلوب.


جميع الحواسيب الحديثة تستخدم دقة الألوان المادية 24 أو 32 بت:


    

  • 24 bits = 16,777,216 مختلفة "الألوان الحقيقية"
    • 

  • 32 bits = 4,294,967,296 مختلفة "الألوان العميقة"
    • 



الكمبيوترات الأقدم تستخدم 14 bits: 65,536 لون مختلف من "High Colors" دقة.


الكمبيوترات القديمة، والهواتف القديمة تستخدم 8 bits: 256 لون مختلف من "VGA colors".


مثال


يُظهر عمق الألوان بالبites للشاشة:


document.getElementById("demo").innerHTML = "عمق الألوان بالبites للشاشة: " + screen.colorDepth;



النتيجة ستكون:





جرب بنفسك


القيم التي تستخدم في HTML مثل #rrggbb (rgb) تمثل "True Colors" (16,777,216 ألوان مختلفة).






عمق بكسل الشاشة Window Screen


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


مثال


يُظهر عمق بكسل الشاشة بالبites:


document.getElementById("demo").innerHTML = "عمق بكسل الشاشة: " + screen.pixelDepth;



النتيجة ستكون:





جرب بنفسك


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