iPad WebApp Full Screen in Safari

ipad web-applications iphone-standalone-web-app
ChrisB picture ChrisB · Jun 11, 2010 · Viewed 102.4k times · Source

Apple says in the Safari HTML reference that the below code is supposed to make the the web-app full screen on iPhone OS 2.1 and later.

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

But it doesn't seem to work. Is there a way of hiding the title/location bar within Safari in an iPad WebApp?

Answer

jamone picture jamone · Jun 11, 2010

This only works after you save a bookmark to the app to the home screen. Not if you just browse to the site normally.

Related questions

iPad Web App: Detect Virtual Keyboard Using JavaScript in Safari?

I'm writing a web app for the iPad (not a regular App Store app - it's written using HTML, CSS and JavaScript). Since the keyboard fills up a huge part of the screen, it would make sense to change the …

Read More
Multiple "apple-touch-startup-image" resolutions for iOS web app (esp. for iPad)?

I've written an HTML5-based iOS web application and all seems to be working well, but I'm trying to polish it up with multiple startup screens. The iPhone/iPod touch works well w/a PNG of 320x460, as follows: <…

Read More
iPad doesn't trigger resize event going from vertical to horizontal?

Has anyone noticed this behavior? I'm trying to write a script that will trigger upon a resize. It works fine on normal browsers, works fine on iPhone, but on iPad, will only trigger going from horizontal to vertical viewport, not …

Read More