Показаны сообщения с ярлыком clientWidth. Показать все сообщения
Показаны сообщения с ярлыком clientWidth. Показать все сообщения

пятница, 23 августа 2013 г.

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

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