How to detect if user has enabled full screen in browser
You can compare the sreen width to the browser width, or height.
if (screen.width == window.innerWidth && screen.height == window.innerHeight) { //full web browser}EDIT : Be carefull in chrome if user have download manager, translate bar or element inspercter open the height is different to the sreen.
You can use document.mozFullScreen and document.webkitIsFullScreen as below:
if ((!document.mozFullScreen && !document.webkitIsFullScreen)) { //FullScreen is disabled} else { //FullScreen is enabled}
I have done the test on different browsers (IE9, Chrome, FireFox, Opera & Safari) this function works.
function chkfullscreen() { if (window.navigator.standalone || (document.fullScreenElement && document.fullScreenElement != =null) || (document.mozFullScreen || document.webkitIsFullScreen) || (!window.screenTop && !window.screenY)) // full screen alert('full screen');}