Making a website for the iPad, removing the browser after adding to homescreen?

Question

I noticed that if you go on google chat, and "add to home screen", once you open it from home screen, the browser disappears and all you see is the website itself... I'm wondering how google managed to do that? this is for a website I am making that is supposedly compatible for the iPad.

Answer 1

Add the following meta tag to the page's header:

<meta name="apple-mobile-web-app-capable" content="yes">

The window.navigator.standalone boolean JavaScript property will indicate whether the page is currently displayed in full-screen mode (it will only be displayed full-screen if launched from a home screen icon, not if visited from within Safari).

Answer 2

To keep all links from 'breaking out' of the full-screen mode, see this