Как проверить, находится ли браузер в полноэкранном режиме?

Question

Я знаю о новом полноэкранном API, но нигде не могу найти способ проверить, находится ли браузер в данный момент в полноэкранном режиме. Я особенно заинтересован в Chrome. Это вообще возможно?

Я ищу что-то вроде этого

window.addEventListener('load', function() {
    if (FULLSCREEN) {
        console.log('We are in full screen mode!')
    } else {
        console.log('Normal mode')
    }
})

Answer 1

Если документ находится в полноэкранном режиме, document.fullscreenElement вернет элемент, который активировал режим. Когда не в полноэкранном режиме, он возвращает null. В некоторых браузерах вам может понадобиться использовать префиксную версию, document.webkitFullscreenElement.

MDN: fullscreenElement

Answer 2

Почему бы не использовать простой метод нажатия F11. Таким образом, вы можете увидеть, просматривается ли Chrome в полноэкранном или обычном режиме. Может быть, вы найдете какой-нибудь совет по этой статье https://rocketfiles.com/articles/how-to-exit-full-screen-chrome. Я не использовал запрашиваемый вами API, но постараюсь. Может быть, напишет вам больше информации позже, чтобы я мог узнать со своей стороны.

Answer 3

Согласно полноэкранному API mdn doc: https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API Не поддерживается в Chrome.