JavaScript Екран вікна / window.screen
Об’єкт window.screen містить інформацію про екран користувача.
Екран вікна
Об’єкт window.screen можна записати без префікса window.
Властивості:
screen.widthscreen.heightscreen.availWidthscreen.availHeightscreen.colorDepthscreen.pixelDepth
Ширина екрана вікна
Властивість screen.width повертає ширину екрана відвідувача в пікселях.
Приклад
Відображення ширини екрана в пікселях:
document.getElementById("demo").innerHTML =
"Ширина екрана: " + screen.width;
Результат буде:
Висота екрана вікна
Властивість screen.height повертає висоту екрана відвідувача в пікселях.
Приклад
Відображення висоти екрана в пікселях:
document.getElementById("demo").innerHTML =
"Висота екрана: " + screen.height;
Результат буде:
Доступна ширина екрану вікна
Властивість screen.availWidth повертає ширину екрана відвідувача в пікселях без урахування функцій інтерфейсу, таких як панель завдань Windows.
Приклад
Відображення доступної ширини екрана в пікселях:
document.getElementById("demo").innerHTML =
"Доступна ширина екрана: " + screen.availWidth;
Результат буде:
Доступна висота екрану вікна
Властивість screen.availHeight повертає висоту екрана відвідувача в пікселях без урахування функцій інтерфейсу, таких як панель завдань Windows.
Приклад
Відображення доступної висоти екрана в пікселях:
document.getElementById("demo").innerHTML =
"Доступна висота екрана: " + screen.availHeight;
Результат буде:
Глибина кольору екрана вікна
Властивість screen.colorDepth повертає кількість бітів, використаних для відображення одного кольору.
Усі сучасні комп’ютери використовують 24- або 32-розрядне обладнання для роздільної здатності кольорів:
- 24 bits = 16,777,216 різні "True Colors"
- 32 bits = 4,294,967,296 різні "Deep Colors"
Старі комп’ютери використовували 16 біт: 65 536 різних "High Colors" роздільної здатності.
Дуже старі комп’ютери та старі мобільні телефони використовували 8 бітів: 256 різних "VGA кольорів".
Приклад
Відображення глибини кольору екрана в бітах:
document.getElementById("demo").innerHTML =
"Глибина кольору екрана: " + screen.colorDepth;
Результат буде:
Значення #rrggbb (rgb), що використовуються в HTML, представляють "True Colors" / "Справжні кольори" (16 777 216 різних кольорів)
Глибина екрана вікна в пікселях
Властивість screen.pixelDepth повертає глибину екрана в пікселях.
Приклад
Відображення глибини екрана в пікселях у бітах:
document.getElementById("demo").innerHTML =
"Глибина пікселів екрана: " + screen.pixelDepth;
Результат буде:
Для сучасних комп’ютерів глибина кольору та глибина пікселя однакові.
