Как в JavaScript узнать разрешение экрана, его глубину цвета и размеры окна браузера

Смотрели когда-нибудь информацию, выдаваемую веб-сервисом Яндекс.Интернетометр? Он показывает разрешение вашего экрана и глубину цвета а-ля качество цветопередачи (в битах) в формате <ширина экрана>x<высота экрана>x<глубина цвета>. Хотите узнать, как реализовать такое же на JavaScript? Это несложно. Читаем далее.

Пример 1. Определяем разрешение экрана и качество цветопередачи монитора пользователя:

var colorDepth = screen.colorDepth?screen.colorDepth:screen.pixelDepth;
alert('Разрешение вашего экрана: ' + 
screen.width + 'x' + screen.height + 
'x' + colorDepth);

Пример 2. Определяем размеры окна браузера, - текущие высоту и ширину, единицы измерения: пикселы.

alert('Размеры окна браузера: ' + 
window.innerWidth + 'x' + 
window.innerHeight);

Пример 3. Аналогичен примеру под номером 2, для тех, кто ничего не может без JQuery.

alert('Размеры окна браузера: ' + 
$(window).width() + 'x' + 
$(window).height());

На этом собственно и все.





© 2012-2014 Druweb.ru. Вы можете спокойно копировать любые материалы сайта только при наличии обратной ссылки.