Menu
I would like to have my web app hide the browser tabs and address bar on Chrome on mobile. document.documentElement.requestFullScreen() seems to have no effect. window.scroll(0,1) doesn't work either on tablets.
If possible, I'd also love a good solution for Chrome and/or Safari on iOS.
Any ideas? I'm on Chrome 29 for Android.
393
Built-in Fullscreen Mode in Chrome for AndroidTapping the Menu button (three vertical dots) in the upper right-hand corner of the screen (or tap the hardware menu button on those devices having one)
Now, just tap the icon on your home screen to open the website in a full-frame, borderless window. You can swipe from right to left with two fingers to go back, or from left to right to go forward. You can even swipe down with two fingers to reload the page.
Please press the lower right corner [Fn] key to switch the number keys to [F1] to [F12] function keys.
Check this sample: here
try to use webkitRequestFullscreen()
Also "Lowercased the "S" in requestFullscreen() and changed document.webkitCancelFullScreen() to document.webkitExitFullscreen(). Updated browser compatibility comment."
via
Let-Your-Content-Do-the-Talking-Fullscreen-API
144
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
