Объект Screen. Как узнать размеры экрана пользователя

Объект Screen. Как узнать размеры экрана пользователя

Здравствуйте!  Да думал, что урок  по объекту Navigator будет последним в теме «Работа с BOM», но как оказалось я совсем забыл про еще один полезный объект screen. Благодаря объекту screen можно узнать размеры экрана пользователя, а соответственно это можно использовать для  адаптивного дизайна.

Объект screen

 

  • screen.width — возвращает ширину экрана монитора
  • screen.height —  возвращает  высоту экрана монитора
  • screen.availWidth — возвращает полезную  ширину экрана
  • screen.availHeight — возвращает полезную высоту экрана
  • screen.colorDepth — возвращает глубину цвета. Измеряется в бит/пиксель.

Рассмотрим примеры использования этого объекта.
Показывает размеры экрана

 //Покажем разрешение Вашего экрана и выведем его на на страницу
document.write('Разрешение вашего экрана: '+screen.width+'X'+ 
screen.height');

Показывает полезные размеры экрана, то есть если например панель задач у вас размещается внизу, то ее высот не будет учитываться в высоте.

//Покажем  полезное разрешение Вашего экрана и выведем его на на страницу
document.write('Разрешение вашего экрана: '+screen.availWidth+'X'+ 
screen.availHeight');

ИТОГИ

Для того чтобы узнать размеры экрана  монитора используется объект screen.

Причем screen.width — это ширина экрана, а screen.height — это высота экрана.

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Поделиться
Читайте также  Управление окнами на JavaScript

Об авторе

admin administrator

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: