PPI pixels per inch

Вам хочется проверить плотность пикселей своего экрана? 

PPI (пиксели на дюйм):

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

Вы можете проверить плотность пикселей, введя свои параметры в представленную форму:

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

Если вы забыли ширину и высоту своего экрана, то посмотрите в нижний правый угол - там вы увидите разрешение своего экрана.

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

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

В 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. 

Зайдя на этот сайт можно определить разрешение монитора. Так же здесь можно узнать размеры экранов наиболее популярных смартфонов и планшетов: http://myresolutionis.ru/page/smapage.html или http://en.myresolutionis.ru/page/smapage.html

Пользуйтесь!

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

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