How can Google Docs go fullscreen in JavaScript?
In a Google Docs Presentation, when you press the fullscreen
button at the lower left corner of the window, the window goes fullscreen.
It is not Flash so I am curious that how can Google do that?
Note that it is not creating a big window that fits the screen (that's fake fullscreen). It is actually in fullscreen
mode, and Google Chrome asked for my permission.
It seems they are using the technique described in this article: http://www.thecssninja.com/javascript/fullscreen
// Mozilla
element.mozRequestFullScreen();
// Webkit
element.webkitRequestFullscreen();
Edit: That article forgets to mention that if you want the whole page fullsreen you can do document.body.webkitRequestFullscreen();
.
I've tested the code given in this question on Internet Explorer 9:
How to make browser full screen using F11 key event through JavaScript
At least for Internet Explorer 9, though, the permission dialog might be misleading.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With