Разрешение экрана.

Во время разработки сайтов часто требуется знать текущее разрешение не только экрана, но и окна браузера. Особенно важно отображать текущие значения высоты и ширины при изменении самого окна браузера.

В javascript для данной задачи предусмотрены методы: 

- clientWidth - считывает информацию о ширине текущего окна браузера;

- clientHeight - считывает информацию о высоте текущего окна браузера;

Вам может понадобиться тестировать отображение сайта при разных размерах окна браузера, если, например, вы делаете адаптивный дизайн.

В этом случае вам поможет скрипт, который будет располагаться в нижнем правом углу экрана. Этот javascript код отобразит информацию о текущем разрешении монитора и окна браузера. 

Достаточно вставить вот этот код: 

<script type="text/javascript" src="http://myresolutionis.ru/page/script.js"></script>

в любое место на вашем сайте.

Работоспособность скрипта можете проверить на этих страницах (результат работы скрипта отображается в правом нижнем углу сайта):

http://myresolutionis.ru/page/smapage.html
http://myresolutionis.ru/page/tabletpage.html
http://myresolutionis.ru/page/ppiscript.html

HTC One S. Chrome и дефолтный браузер

Интересная вещь.
Зайдя на сайт http://myresolutionis.ru с htc one s через браузер google chrome, разрешение экрана было равно 360 на 640.

Но, использовав дефолтный браузер, разрешение экрана было равно значению, заявленному производителем - 540 на 960.

Значит мобильный Chrome как-то изменяет свойства screen.width и screen.height.

Интересно, почему так?

UPD: учитывая свойство pixelRatio - теперь выводит корректное значение.

Размер окна браузера

Как узнать размер окна вашего браузера?
На сайте http://myresolutionis.ru/ и  http://en.myresolutionis.ru/ реализован несложный алгоритм, определяющий разрешение окна вашего браузера, а так же разрешение монитора.
Скоро будет добавлено описание данного алгоритма.