نمایشگر (Screen)
شیء «نمایشگر (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.height)
این مقدار، ارتفاع نمایشگر کاربر را برحسب پیکسل برمی گرداند.
document.getElementById("demo").innerHTML =
"Screen Height: " + screen.height;
عرض در دسترس (screen.availWidth)
این مقدار، عرضِ قابل استفاده را می دهد. نواروظیفه کم می شود.
document.getElementById("demo").innerHTML =
"Available Screen Width: " + screen.availWidth;
ارتفاع در دسترس (screen.availHeight)
این مقدار، ارتفاعِ قابل استفاده را می دهد. نواروظیفه کم می شود.
document.getElementById("demo").innerHTML =
"Available Screen Height: " + screen.availHeight;
عمق رنگ (screen.colorDepth)
«عمق رنگ (Color Depth)» تعداد بیت برای یک رنگ است. معمولاً 24 یا 32 بیت.
document.getElementById("demo").innerHTML =
"Screen Color Depth: " + screen.colorDepth;
نکته: مقدارهای rgb با قالب #rrggbb «True Color» را نشان می دهند.
عمق پیکسل (screen.pixelDepth)
«عمق پیکسل (Pixel Depth)» معمولاً برابر عمق رنگ در سیستم های مدرن است.
document.getElementById("demo").innerHTML =
"Screen Pixel Depth: " + screen.pixelDepth;
گام های عملی
- کنسول را باز کن و screen را بررسی کن.
- عرض و ارتفاع در دسترس را چاپ کن.
- عمق رنگ و پیکسل را مقایسه کن.
لینک های مرتبط
- پنجره (Window)؛ کار با اندازه پنجره و متدها.
- مکان پنجره (Location)؛ آدرس و ناوبری صفحه.
جمع بندی سریع
- screen اطلاعات نمایشگر را می دهد.
- availWidth/availHeight فضای قابل استفاده اند.
- colorDepth و pixelDepth معمولاً برابرند.
- ارقام همگی برحسب پیکسل یا بیت هستند.