How to run fullscreen in an Android Chrome app

From NSB App Studio
Revision as of 21:12, 18 November 2013 by Ghenne (talk | contribs) (Created page with "Google recently added a little trick to Chrome, allowing apps to become full screen. It works on both the Desktop and Android devices. You'll need to be running Chrome Version...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

Google recently added a little trick to Chrome, allowing apps to become full screen. It works on both the Desktop and Android devices. You'll need to be running Chrome Version 28 or newer.

To use it, add a button to your app with the following code:

Function btnChrome_onclick()
  document.documentElement.webkitRequestFullScreen()
End Function

After going to full screen, a message is displayed telling how to go back: swipe down on an Android device or hit escape on the desktop.

<a href="http://blog.nsbasic.com/wp-content/uploads/2013/08/fullscreen.mov">Here's how it looks on an Android device</a>.

If you want to execute some code after the resize (perhaps to move controls to take advantage of the larger screen, do the following:

Function window_onresize()
  Print "resize"
End Function

If you want hide the button to only show if you are using Chrome, add this code to your global code:

  If Not window.chrome Then btnChrome.hide()

A few gotchas:

  • This won't work with the Android Browser or iOS.
  • This won't work with PhoneGap, as long as it still uses the Android Browser.
  • It seems to have to be done from a button: just putting it in Global Code does not work.

Let us know if you find out anything more about this trick!