Questions tagged [iphone-standalone-web-app]

An iOS web app whose content is purely web-browser-based and runs outside of Mobile Safari in a chromeless browser using the meta declaration:

In order to make websites and web apps appear more "app-like" on iOS devices, mobile Webkit supports the apple-mobile-web-app-capable meta tag. When the app is opened in Safari, this tag will have no effect. But when this tag is used, and the application is saved to the home screen as an icon and opened that way, it is said to be running in standalone mode and is referred to as a standalone web app.

Standalone web apps do not have any of the Safari UI visible. For security reasons, because they run in their own process space, they run a different version of Webkit and use a different Javascript engine. Because of these differences, standalone web apps often behave differently than apps running in mobile Safari.

This tag is declared:

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

To install the application to work in standalone mode, open the website in mobile Safari and then:

Tap share, add to homescreen, enter a name, and then add.

This installs an icon on the iOS device's home screen. When opened from this icon, the app will be running in standalone mode.

When running in standalone mode, Webkit also supports the apple-mobile-web-app-status-bar-style meta tag to control the color of the iOS device's status bar.

More information can be found in the Safari Web Content Guide's section, "Configuring Web Applications".

259 questions
24
votes
11 answers

iOS 6 breaks GeoLocation in webapps (apple-mobile-web-app-capable)

I have an app that does a simple textbook navigator.geoLocation.watchPosition(...) that works great in iOS 5.x both in Safari and as a web app (using apple-mobile-web-app-capable meta tag). However, in iOS6, GeoLocation does not work in the webapp. …
Greg Wilson
  • 2,380
  • 2
  • 15
  • 14
21
votes
2 answers

How do they do this - Mobile Site Added to Homescreen Appears as Standalone App

So I've only seen one website do this and I'm very curious to know how they do it. I'm using an iPhone 4 with iOS5 by the way. Go to http://m.funnyordie.com/ (Will Ferrell's sketch comedy site) on mobile Safari, add it to the homescreen, and then…
Miles
  • 1,615
  • 4
  • 17
  • 42
21
votes
13 answers

Hiding Safari User Interface Components on iPhone

In an attempt to hide the Safari UI components for an web-app bookmarked as a Homescreen Icon. I am using this meta tag as specified on iPhone Dev Center but the address bar and toolbar…
None
19
votes
1 answer

Difference between apple-mobile-web-app-capable and apple-touch-fullscreen | iPhone / iOS meta tags

I have a question for which I couldn't find answer neither in google or directly at apple developer forum. What is the exact difference between: and
user1247294
18
votes
1 answer

iOS Full Screen Web App drops cookies?

I have experienced that iOS4 drops cookies when you start/exits a web app saved to the dashboard (full screen mode). Is it true and is there a workaround?
nikstep
  • 465
  • 1
  • 4
  • 8
17
votes
6 answers

Is it possible to force iphone/ipod to update apple-touch-icon once webapp is added to home screen?

I have created a webapp using all of the recommended link and meta tags for safari, eg.
TKTS
  • 1,261
  • 1
  • 11
  • 17
16
votes
3 answers

Remove form assistant from keyboard in iPhone standalone web app

Is it possible to remove the form assistant from the iPhone popup keyboard in a standalone web app? I know the general consensus is that it's not possible in Mobile Safari, but a standalone app runs in a UIWebView, and functions differently in…
ThinkingStiff
  • 64,767
  • 30
  • 146
  • 239
16
votes
1 answer

iPad Home Screen App refreshes on every open

I'm writing a web app for the iPad using HTML5 and SenchaTouch. The app uses cache manifest to function offline. Once it has been added in the home screen and opened without Safari, it will refresh itself every time it is opened, even if just…
16
votes
3 answers

iOS 'Web App' has different localStorage than Mobile Safari

I have a webapp for iPad with the meta tag: When I open up the app from the homepage (web-app-capable version) or type in the address in Mobile Safari the contents of localStorage are…
14
votes
2 answers

OAuth callbacks in iPhone web apps

I'm building a full-screen iPhone optimized web app. It gets launched from the homepage like a native app and behaves like a standalone app via the following directive, but it's just plain HTML/CSS/JavaScript, no PhoneGap involved.
14
votes
4 answers

iPhone web app startup screen

I'm working on an iPhone web app where I'm using the "apple-mobile-web-app-capable" meta tag to get "full screen mode". When I lauch the app it shows a picture of the page where I left of the last time while it loads. It looks like the app is ready…
PFM
  • 333
  • 1
  • 3
  • 7
14
votes
3 answers

Install webapp to homescreen on iPhone?

How do I go about allowing my webapp to be installed as an icon on a user's homescreen? Is the data cached locally, so that the webapp can be run when the user is outside of 3G? I did a quick google, but my search terms were lacking. I noticed that…
13
votes
1 answer

Detect an app on home screen of iphone

You know how its possible to add a web app to the home screen of an iPhone... well now how do i detect if my app has been added to the home screen of a user's iPhone. And if it has been added, how do i launch the app stored on the user's home screen…
12
votes
2 answers

Css rules ignored

Since upgrading to iOS 9, my web application has changed behaviour and now shows all content with css style display: none and visibility: hidden. This "feature" is seen in both Safari and Chrome for iOS. The same content is hidden (as expected) in…
12
votes
2 answers

webkit-overflow-scrolling forms broken on iOS 7 full-screen web app

I'm having trouble with a full-screen (saved to home screen) iPhone web app on iOS7. Typically, when an input is selected, it has scrolled into view above the keyboard. However, this doesn't seem to happen on iOS7 for scrolling DIVs in a full-screen…
Joey Katzen
  • 123
  • 1
  • 6
1
2
3
17 18