Detecting if a browser is in full screen mode

javascript dom browser fullscreen
Simon Lieschke picture Simon Lieschke · Jun 26, 2009 · Viewed 23.8k times · Source

Is there any way of reliably detecting if a browser is running in full screen mode? I'm pretty sure there isn't any browser API I can query, but has anyone worked it out by inspecting and comparing certain height/width measurements exposed by the DOM? Even if it only works for certain browsers I'm interested in hearing about it.

Answer

Simon Lieschke picture Simon Lieschke · Feb 2, 2012

Chrome 15, Firefox 10, and Safari 5.1 now provide APIs to programmatically trigger fullscreen mode. Fullscreen mode triggered this way provides events to detect fullscreen changes and CSS pseudo-classes for styling fullscreen elements.

See this hacks.mozilla.org blog post for details.

Related questions

How can I tell if a DOM element is visible in the current viewport?

Is there an efficient way to tell if a DOM element (in an HTML document) is currently visible (appears in the viewport)? (The question refers to Firefox.)

Read More
Getting the text from a drop-down box

This gets the value of whatever is selected in my dropdown menu. document.getElementById('newSkill').value I cannot however find out what property to go after for the text that's currently displayed by the drop down menu. I tried "text" …

Read More
Appending HTML string to the DOM

How to append this HTML string var str = '<p>Just some <span>text</span> here</p>'; to the DIV with the ID 'test' which is in the DOM? (Btw div.…

Read More