Как определить характеристики экрана на JavaScript.


В среде разработчиков порой возникает путаница между понятиями «разрешение экрана» и его размерами. Как известно, оба параметра измеряются в пикселях, однако, если на первую характеристику пользователь может влиять (правда, лишь в сторону уменьшения, используя настройки операционной системы), то вторая имеет постоянное значение. Действительно, разве можем мы как-то физически уменьшить размеры монитора, не поломав его?

Как определить характеристики экрана на JavaScript

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

Знать эти параметры разработчикам порой необходимо, чтобы обеспечить не только кросс-браузерность сайта, но и его адекватную работу и отображение на мониторах различных размеров.

JavaScript в своем арсенале имеет объект screen, который в свою очередь имеет два полезных для нас свойства (метода) — width и height. Чтобы определить высоту и ширину экрана можно написать такой небольшой код:

1
2
3
4
<script type="text/javascript">
height=screen.height;
width=screen.width;
</script>




Случайные посты

Категория: JavaScript для сайта