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
7
votes
1 answer

Touch events are not firing on inputs iOS8 standalone web app

In a standalone web-app launched from homescreen, on iOS 8.1(8.0), touch events (touchstart, touchmove, touchend) are not firing on inputs/textareas, but on the same device in Safari they are. I've tested the same web-app on iOS 6 and everything…
7
votes
4 answers

Broken HTTP basic authentication in web apps on iOS 7?

I'm using basic authentication for a simple app but it stopped working in web app mode on iOS 7. It works in Safari, it worked on iOS 6 both in Safari and as a standalone web app, but after migrating to iOS 7 it shows only white screen. Did anyone…
7
votes
8 answers

IPhone push notfication for a webapp?

Is it possible to implement IPhone's push notification service for a Webapp that has an icon on the "desktop"? If so how?
6
votes
2 answers

When a user launches "new window" in a home screen app

When a user launches "new window" link in a home screen app. In Mobile Safari this type of action would open a new tab. What happens if the app is on the home screen and has name="apple-mobile-web-app-capable", content="yes" active. Will the window…
fancy
  • 48,619
  • 62
  • 153
  • 231
6
votes
1 answer

iOS 11 - standalone web app link opening default reversed? (Handling PDF display in web app.)

There was a lot of traffic about preventing a link in a standalone web app from opening in mobile Safari, but the iOS versions quoted were much earlier (7-9?). In iOS 11, I'm having the opposite problem: in my standalone web app, I have links to…
6
votes
3 answers

iPhone Web App splash screen delay

I've built an iPhone web app and have done all the steps to make it look like a native app: app icon, prevent scrolling, prevent selection, use touch-based js methods, etc. However, I'm having a tough time with the splash screen. I have tried a…
6
votes
2 answers

iOS “Add to Home Screen” - file download kicks user out

I'm requiring a valid session in order to download files from my web app. When I open my web app on my iOS device, sign-in and try to download a file (PDF) from my site, I get kicked out and the link is opened in Safari instead. The user have to…
karlingen
  • 13,800
  • 5
  • 43
  • 74
6
votes
0 answers

How to load data uri links in IOS home screen web apps?

If I open the following page in Safari on an iPad running 6.1.2, clicking on the first link opens a new tab with 'Hello World!', and the second loads 'Hello Again!' in the iframe.
tugrul
  • 61
  • 2
6
votes
2 answers

How do I make "apple-mobile-web-app-capable" not lose its session?

I have a web app. I put this in there. I add to home screen. However, I realize that I always have to login again after I close the web app. How do I make it keep the session?
TIMEX
  • 259,804
  • 351
  • 777
  • 1,080
5
votes
3 answers

iOS Web App: Showing content only if the application is standalone

If a user visits my websites example, from Safari Mobile how could I place there a blank page that says "Add To Homescreen."? Once added it would show different content.
5
votes
1 answer

Blank screen with apple-mobile-web-app-capable and Facebook Connect

We've got a few pages that use the apple-mobile-web-app-capable meta tag (value="yes"), but on a login page that allows Facebook Connect, you get a blank page when you click on the connect button. I've seen this posted on the old FB developer…
5
votes
6 answers

Launch mobile safari from full screen web app on iPhone

I've Googled this question in a few variations and can only find answers in the context of using PhoneGap or jQuery mobile. However, I'm using neither... just plain old html and javascript. I'm trying to launch mobile safari from a full screen web…
Vince
  • 589
  • 9
  • 16
5
votes
3 answers

How to recover from an error loading page with jQuery mobile when safari components are hidden?

When your mobile web app is added to an iOS home screen and you choose to hide safari components with this meta tag: If one of your pages has an error loading, jQuery mobile shows an error…
5
votes
0 answers

Safari Mobile / Force new window from standalone PWA

There is a web app which runs in a standalone mode with the following manifest.json { "lang": "de", "name": "Test.App", "short_name": "Test.App", "start_url": "/36485/", "display": "standalone", "theme_color": "#FF4500", "background_color":…
5
votes
3 answers

Does the iPhone support cookies when a webpage is opened in fullscreen mode?

I can't find this information anywhere. Does the iPhone allow cookies to be stored when a webpage is opened in full screen mode (by placing a link on the home screen)?
Mr. Flibble
  • 26,564
  • 23
  • 69
  • 100