Как узнать текущий размер области вывода браузера без его GUI интерфейса учитывая кроссбраузерность?
-
А что такое по Вашему "область вывода браузера"? viewPort? Если да, то` window.innerWidth` и ` window.innerHeight`– user220409Commented 22 нояб. 2016 в 10:09
-
@OlmerDale да это вьюпорт. это то что нужно. а я от экрана свойства пытался получить. сделайте ваш комментарий ответом, чтоб мой вопрос в воздухе не висел. я отмечу как его как верный.– perfectCommented 22 нояб. 2016 в 13:09
Добавить комментарий
|
1 ответ
Та "область экрана", которая у Вас отмечена направляющими называется view port
. Значения view port
можно получить из глобальной области видимости -
window.innerWidth;
window.innerHeight;
Так же стоит заметить что существует очень похожая альтернатива в виде -
document.documentElement.clientWidth;
document.documentElement.clientHeight;
clientWidth
и clientHeight
тоже указывают размеры view port
, но с одним очень важным отличием, а именно с учетом полосы прокрутки. То есть если у нас ширина вьюпорта равна 1000px
и полоса прокрутки занимает 20px
, то innerWidth
вернет значение 1000px
, в то время как clientWidth
980px
.