0

Всем здравствуйте! Подскажите, пожалуйста, можно ли с помощью чистого JS, вычислить размер вьюпорта в развернутом виде (когда браузер развернут на весь экран), в момент, когда браузер развернут НЕ на весь экран.

5
  • в смысле узнать размер экрана? 19 мая 2017 в 9:55
  • alert(window.screen.availWidth); alert(window.screen.availHeight); 19 мая 2017 в 9:55
  • Нет, не размер экрана, а именно внутренней части браузера, без скролла, панели меню и т.п. 19 мая 2017 в 10:00
  • window.screen.availWidth - в Хроме, и Лисе показывает размер вьюпорта тот, который на данный момент есть у браузера. Т.е., если он на пол экрана, то и показывает половину от максимально возможного. Как-то так, надеюсь, понятно объяснил?! 19 мая 2017 в 10:03
  • не понимаю, чем конкретно вас не устраивает window.screen.availWidth/availHeight. вот пример w3schools.com/jsref/tryit.asp?filename=tryjsref_screen_all по-моему он именно то что вам нужно и показывает, независимо ведь от размеров окна браузера. 19 мая 2017 в 10:09

1 ответ 1

0

screen.availWidth и screen.availHeight возвращают именно те значения, которые вам нужны - доступную часть экрана, исключая элементы браузера (в отличии от screen.width и screen.height, которые возвращают размер всего экрана).

15
  • Да, извиняюсь, Вы правы! Но у меня возникает другая проблема. availHeight у меня показывает какую-то постоянную высоту (728px), даже, если я у браузера отключаю/включаю панель закладок, панель меню. 19 мая 2017 в 10:37
  • Хотелось бы, чтобы результат совпадал с window.innerHeight в развернутом состоянии браузера, но innerHeight зависит от текущего размера окна браузера, поэтому он не подходит. Есть ли "золотая середина" между этими свойствами? 19 мая 2017 в 11:37
  • Разве в фуллскрине панель закладок должна отображаться? У меня в этом режиме отображается только скроллбар (его ширина вычитается из ширины экрана, но высота не затрагивается). В полноэкранном режиме браузер может отображать различные свои элементы поверх страницы, но эти вещи не учитываются. screen.availHeight возвращает именно доступную часть экрана, а не обозреваемую. 19 мая 2017 в 11:48
  • window.innerHeight и screen.availHeight не должны отличаться в полноэкранном режиме. Я не знаю, какие вы панели включаете. В хроме никаких панелей в этом режиме нет. Вот установил сейчас фаерфокс чтобы проверить. Нажимаю F11 и та же самая картина - чистая страница и полоса прокрутки сбоку, больше ничего. 19 мая 2017 в 12:13
  • Ну в любом случае, если там что-то и можно включить, то это скорее всего float-элемент. А если нет, попробуйте тогда самостоятельно рассчитать размеры, используя window.outerWidth и window.outerHeight. 19 мая 2017 в 12:22

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.