Получение разрешения экрана

#screen #javascript

В сети нашел пример получения разрешения экрана.


Возвращает - Разрешение экрана: 1138×640px. , хотя реальное разрешение 1366×768.
Как получить правильное разрешение?    

Ответы

Ответ 1

Есть несколько вариантов определение экрана, это касается как десктопных браузеров,
так и мобильных.
Варианты:

Размеры экрана девайса\монитора
Размеры окна браузера
Размеры без инструментов браузера (навигационной панели например)

Первый вариант:
window.screen.width и window.screen.height отвечают за размеры экрана.
Второй вариант:
window.innerWidth и window.innerHeight отвечают за размер окна браузера. 
Третий вариант:
window.screen.availWidth и  window.screen.availHeight отвечают за непосредственный
размер области отвечающей за вывод информации (очень полезно в мобильных браузерах)


Ответ 2

Вы получили размер окна. Получить разрешение экрана можно так:
var h = window.screen.availHeight;
var w = window.screen.availWidth;


Ответ 3

для видимой области экрана 

 var scrollHeight = Math.max(
        document.body.scrollHeight,
        document.documentElement.scrollHeight,
        document.body.offsetHeight,
        document.documentElement.offsetHeight,
        document.body.clientHeight,
        document.documentElement.clientHeight
    ); 


подробно тут