К основному контенту

Сообщения

Сообщения за август, 2013

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> в любое место на вашем сайте. Работоспособность скрипта можете проверить на этих страницах (результат работы с

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/  реализован несложный алгоритм, определяющий разрешение окна вашего браузера, а так же разрешение монитора. Скоро будет добавлено описание данного алгоритма.