Is there a way to know if the navigator is fullscreen (F11)

Question

In javascript, Is there a way to know if the navigator is fullscreen ? I mean real fullscreen (F11 with chrome).

I need to propose it to the user only if he hasn't done it yet.

`if (window.innerHeight == screen.height)` comes to mind, but it's probably not very accurate — adeneo, Jan 14 '14 at 16:17
http://stackoverflow.com/questions/21103478/fullscreenchange-event-not-firing-in-chrome — Reactgular, Jan 14 '14 at 16:19
There's no native API to check if the navigator is in fullscreen mode ... but you have the fullscreenEnabled method that return true if the context object and all ancestor browsing context's documents have their fullscreen enabled flag set ... if it returns false there must be an element in FS mode (or not?). https://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html#api https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode — rafaelcastrocouto, Jan 14 '14 at 16:24
you can use css to hide the button in non-fullscreen: https://developer.mozilla.org/en-US/docs/Web/CSS/:fullscreen — dandavis, Jan 14 '14 at 17:20

score -1 · Answer 1 · answered Jan 14 '14 at 16:19

-1

For new browsers, this will work

function isFullScreen(){
    return (!window.screenTop && !window.screenY) 
}

answered Jan 14 '14 at 16:19

scrblnrd3

Not sure if this works. I always get true. In fullscreen and in not fullscreen. – putvande Jan 14 '14 at 16:22
What browser do you have? – scrblnrd3 Jan 14 '14 at 16:57
tells me true in chrome from the console, non-maximized. – dandavis Jan 14 '14 at 17:22

1 Answers1