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

Сообщения

Показаны сообщения с ярлыком "монитор"

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

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