Как обнаружить разрешение экрана с JavaScript?
3 ответа
оригинальный ответ
Да.
window.screen.availHeight
window.screen.availWidth
обновление 2017-11-10
Из Tsunamis в комментариях:
Чтобы получить собственное разрешение мобильного устройства, вы должны умножить его на соотношение пикселей устройства:
window.screen.width * window.devicePixelRatioиwindow.screen.height * window.devicePixelRatio. Это также будет работать на настольных компьютерах, которые будут иметь коэффициент 1.
И из Бена в другом ответе:
В обычном JavaScript это даст вам ДОСТУПНУЮ ширину / высоту:
window.screen.availHeight window.screen.availWidthДля абсолютной ширины / высоты используйте:
window.screen.height window.screen. ширина
Вы имеете в виду разрешение экрана (например, 72 точки на дюйм) или размеры в пикселях (окно браузера в настоящее время имеет размер 1000 x 800 пикселей)?
Разрешение экрана позволяет узнать, какой толщины будет линия в 10 пикселей в дюймах. Размеры пикселя говорят вам, какой процент доступной высоты экрана будет занимать горизонтальная линия шириной 10 пикселей.
Невозможно узнать разрешение дисплея только из Javascript, поскольку сам компьютер обычно не знает фактических размеров экрана, только количество пикселей. 72 dpi - это обычное предположение.
Обратите внимание, что существует много путаницы относительно разрешения дисплея, часто люди используют этот термин вместо разрешения в пикселях, но эти два понятия совершенно разные. См. Википедия
Конечно, вы также можете измерять разрешение в точках на см. Существует также неясная тема неквадратных точек. Но я отвлекаюсь.