JavaScript Window Screen

شیء window.screen شامل اطلاعات صفحه نمایش کاربر است.

صفحه نمایش ویندوز

window.screen این شیء بدون پیشوند window نیز قابل نوشتن است:

ویژگی‌ها:

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

عرض صفحه نمایش ویندوز

screen.width این ویژگی عرض صفحه نمایش بازدیدکننده را به پیکسل بازمی‌گرداند.

مثال

عرض صفحه نمایش به پیکسل نمایش داده می‌شود:

document.getElementById("demo").innerHTML = "Width of Screen: " + screen.width;

نتیجه خواهد بود:




با دست خود امتحان کنید






ارتفاع صفحه نمایش ویندوز


screen.height این ویژگی ارتفاع صفحه نمایش بازدیدکننده را به پیکسل بازمی‌گرداند.


مثال


ارتفاع صفحه نمایش به پیکسل نمایش داده می‌شود:


document.getElementById("demo").innerHTML = "Height of Screen: " + screen.height;



نتیجه خواهد بود:





با دست خود امتحان کنید






عرض قابل نمایش صفحه نمایش ویندوز


screen.availWidth این ویژگی عرض صفحه نمایش بازدیدکننده را به پیکسل بازمی‌گرداند، پس از کاستن ویژگی‌های رابط مانند نوار ابزار پنجره.


مثال


عرض قابل نمایش صفحه نمایش به پیکسل:


document.getElementById("demo").innerHTML = "Width of Available Screen: " + screen.availWidth;



نتیجه خواهد بود:





با دست خود امتحان کنید






ارتفاع قابل نمایش صفحه نمایش ویندوز


screen.availHeight این ویژگی ارتفاع صفحه نمایش بازدیدکننده را به پیکسل بازمی‌گرداند، پس از کاستن ویژگی‌های رابط مانند نوار ابزار پنجره.


مثال


ارتفاع قابل نمایش صفحه نمایش به پیکسل:


document.getElementById("demo").innerHTML = "Height of Available Screen: " + screen.availHeight;



نتیجه خواهد بود:





با دست خود امتحان کنید






عمق رنگ صفحه نمایش ویندوز


screen.colorDepth این ویژگی تعداد بیت مورد استفاده برای نمایش یک رنگ را بازمی‌گرداند.


تمام کامپیوترهای مدرن از رزولوشن رنگی 24 یا 32 بیتی استفاده می‌کنند:


    

  • 24 بیت = 16,777,216 رنگ "True Colors" متفاوت
    • 

  • 32 بیت = 4,294,967,296 رنگ "Deep Colors" متفاوت
    • 



کامپیوترهای قدیمی‌تر از 14 بیت استفاده می‌کنند: 65,536 رنگ مختلف "High Colors" با وضوح.


کامپیوترهای قدیمی و گوشی‌های قدیمی از 8 بیت استفاده می‌کنند: 256 رنگ مختلف "VGA colors".


مثال


نمایش عمق رنگ صفحه نمایش به عنوان بیت:


document.getElementById("demo").innerHTML = "عمق رنگ صفحه نمایش: " + screen.colorDepth;



نتیجه خواهد بود:





با دست خود امتحان کنید


ارزش‌های #rrggbb (rgb) استفاده شده در HTML برای "True Colors" (16,777,216 رنگ‌های مختلف) هستند.






عمق پیکسلی Window Screen


screen.pixelDepth این属性 بازمی‌گردد به عمق پیکسلی صفحه نمایش.


مثال


نمایش عمق پیکسلی صفحه نمایش به عنوان بیت:


document.getElementById("demo").innerHTML = "عمق پیکسلی صفحه نمایش: " + screen.pixelDepth;



نتیجه خواهد بود:





با دست خود امتحان کنید


برای کامپیوترهای مدرن، عمق رنگ و عمق پیکسلی برابر هستند.