Как определить характеристики экрана на JavaScript.
В среде разработчиков порой возникает путаница между понятиями «разрешение экрана» и его размерами. Как известно, оба параметра измеряются в пикселях, однако, если на первую характеристику пользователь может влиять (правда, лишь в сторону уменьшения, используя настройки операционной системы), то вторая имеет постоянное значение. Действительно, разве можем мы как-то физически уменьшить размеры монитора, не поломав его?
Чем больше разрешение экрана, тем лучше качество цветопередачи, контрастности и т.п. По этой причине, редко встречаются случаи, когда пользователи сознательно уменьшают данный параметр, а это значит, что чаще всего значения размеров экрана и его разрешение совпадают.
Знать эти параметры разработчикам порой необходимо, чтобы обеспечить не только кросс-браузерность сайта, но и его адекватную работу и отображение на мониторах различных размеров. К примеру по ссылке далее можно посмотреть, как на практике работает определение на JS разрешения мнитора: https://zpla.ru/tool/myinfo
JavaScript в своем арсенале имеет объект screen, который в свою очередь имеет два полезных для нас свойства (метода) — width и height. Чтобы определить высоту и ширину экрана можно написать такой небольшой код:
1 2 3 4 |
<script type="text/javascript"> height=screen.height; width=screen.width; </script> |
Категория: JavaScript для сайта