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

Keep certain links in standalone mode on iPhone

I've found this gist that does prevents links from webpages to go outside the "standalone mode" on an iPhone, but I'd like to disable this functionality on certain links with classes. Whenever a modal is present, this functionality breaks it and…
Max
  • 841
  • 1
  • 12
  • 25
0
votes
1 answer

Go back to webapp saved to homescreen from Safari

I'm building an app with sencha touch 2. Basically, when you click on a link, it opens Safari and loads the URL. From that page, I would like to know how to go back to my webapp which is saved on the homescreen.
-1
votes
2 answers

Iphone WebApp Footer Toolbar

I'm creating a web App for mobile devices, but i have an issue with the footer toolbar in iphone, i just want to hide or remove it but i trying without results. I was reading in apple support for use some metatags like that:
Aletz Morgan
  • 290
  • 1
  • 3
  • 13
-1
votes
1 answer

What causes an iOS webapp to freeze on the startup screen?

I developed an HTML5 webapp, and so far my local server tests worked fine (running in the desktop browser, iOS Safari browser, and homescreen bookmark webapp). This also holds true for the offline use (with the cache.manifest file). When I uploaded…
chamberlainpi
  • 4,854
  • 8
  • 32
  • 63
1 2 3
17
18