در این بخش از سری آموزش جاوا اسکریپت قصد داریم درباره شیء screen صحبت کنیم.
شیء window.screen شامل اطلاعاتی درباره صفحه نمایش کاربر مثل رزولوشن (عرض و ارتفاع صفحه), عمق رنگی و پیکسلی و غیره… می باشد.
از آنجا که آبجکت window در بالای زنجیره اسکوپ است, بنابراین خصوصیات window.screen می تواند بدون مشخص کردن پیشوند window. قابل دسترس باشد.
برای مثال window.screen.width می تواند screen.width نوشته شود.
در این بخش نحوه دریافت اطلاعاتی درباره صفحه نمایش کاربر توسط خصوصیت آبجکت screen از شیء window را به شما نشان می دهیم.
دریافت عرض و ارتفاع صفحه نمایش
می توانید از خصوصیات screen.width و screen.height برای دریافت عرض و ارتفاع صفحه نمایش کاربر بصورت پیکسل استفاده کنید.
مثال زیر به ما رزولوشن صفحه را با کلیک روی دکمه نشان می دهد:
|
1 2 3 4 5 6 7 |
<script> function getResolution() { alert("Your screen is: " + screen.width + "x" + screen.height); } </script> <button type="button" onclick="getResolution();">Get Resolution</button> |
دریافت عرض و ارتفاع قابل دسترس صفحه نمایش
خصوصیات screen.availWidth و screen.availHeight می تواند برای دریافت عرض و ارتفاع قابل استفاده مرورگر که از صفحه نمایش کاربر بهره می برد, استفاده شود.
عرض ارتفاع قابل دسترس صفحه نمایش مساوی با عرض ارتفاع اصلی صفحه نمایش منهای عرض ارتفاع قابلیت های رابط کاربری (interface) مانند تسکبار در ویندوز است.
|
1 2 3 4 5 6 7 |
<script> function getAvailSize() { alert("Available Screen Width: " + screen.availWidth + ", Height: " + screen.availHeight); } </script> <button type="button" onclick="getAvailSize();">Get Available Size</button> |
دریافت عمق رنگ صفحه نمایش
می توانید از خصوصیت screen.colorDepth برای دریافت عمق رنگی صفحه نمایش کاربر استفاده کنید.
عمق رنگ (color depth) یک عدد بیت های استفاده شده برای نمایش رنگ در تنها یک پیکسل است.
عمق رنگ مشخص می کند که صفحه نمایش یک دیوایس قادر به تولید چقدر رنگ است. برای مثال, صفحه نمایش با عمق رنگ ۸ می تواند ۲۵۶ رنگ تولید کتد(۲به توان ۸)
در حال حاضر, بیشتر دیوایس ها صفحه نمایشی با عمق رنگی ۲۴ یا ۳۲ دارند. به زبان ساده بیت های بیشتر می تواند تغییرات رنگی بیشتری ایجاد کند مثل ۲۴ بیت که ۱۶,۷۷۷,۲۱۶ رنگ تولید می کند (true color) در حالی که ۳۲ بیت می تواند ۴,۲۹۴,۹۶۷,۲۹۶ رنگ تولید کند (deep color)
|
1 2 3 4 5 6 7 |
<script> function getColorDepth() { alert("Your screen color depth is: " + screen.colorDepth); } </script> <button type="button" onclick="getColorDepth();">Get Color Depth</button> |
نکته: در حال حاضر عملا نمایشگر هر کامپیوتر و موبایل از عمق رنگی ۲۴ بیتی استفاده می کند. ۲۴ بیتی ها تقریبا همیشه از ۸ بیت از هر کدام R, G, B ها استفاده می کنند.
در حالیکه ۳۲ بیت عمق رنگی, ۲۴ بیت آن برای رنگ و ۸ بیت دیگر برای شفافیت (transparency) استفاده می شود.
دریافت عمق پیکسل صفحه نمایش
می توانید عمق پیکسلی را با خصوصیت screen.pixel دریافت کنید. عمق پیکسلی بیت هایی است که در هر پیکسل توسط سخت افزار صفحه نمایش سیستم استفاده می شود.
برای دیوایس های مدرن, عمق رنگی و عمق پیکسلی یکسان هستند.
|
1 2 3 4 5 6 7 |
<script> function getPixelDepth() { alert("Your screen pixel depth is: " + screen.pixelDepth); } </script> <button type="button" onclick="getPixelDepth();">Get Pixel Depth</button> |
امیدوارم از آموزش شیء screen در جاوا اسکریپت نهایت استفاده را برده باشید.
هر سوالی داشتید ، از قسمت نظرات ارسال کنید . سریعا ، پاسخگوی سوالات شما هستیم .
موفق باشید.
