University Marketing & Communications

May 17, 2013

Create an iOS web app with this simple tip

By Chris Heiland

When viewing a website on Safari for iOS, there’s an option to add it to the user’s Home screen where it will appear like a native app. Normally when the web app is launched, Safari opens and feels like a disruptive experience. The experience is especially bad when a person already has a few tabs open in Safari (I tend to do this quite a bit).

The solution is a simple meta tag that will open Safari in full screen mode more smoothly (like a native app and not a web page). The main caveat is any links will still open Safari in a separate window. To solve this issue you must use AJAX to load content into the same window.

The tag for reference:

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

For more information and additional meta tags, visit the Safari Developer Library.