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
157
votes
20 answers

iPhone Safari Web App opens links in new window

I have problem with web after adding icon to Home Screen. If the web is launched from Home Screen, all links will open in new window in Safari (and lose full screen functionality). How can I prevent it? I couldn't find any help, only the same…
Pavel Linkesch
  • 3,546
  • 3
  • 22
  • 23
83
votes
6 answers

iPad WebApp Full Screen in Safari

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. But it doesn't seem to work. Is there a way of hiding…
ChrisB
  • 2,018
  • 2
  • 19
  • 24
70
votes
4 answers

Stop reloading of web app launched from iPhone Home Screen

I created a web app and added to my iPhone Home Screen. When I switch to another app and back, iPhone automatically reload my web app. This breaks my app flow. How do I prevent iPhone from reloading the app? I have apple-mobile-web-app-capable…
Rand
  • 701
  • 1
  • 6
  • 4
45
votes
4 answers

iPhone "Bookmark to Homescreen" removes cookies and session?

Right now I am developing a Web-based Application, where the User has to login first. When I open the Page by iPhone Safari, login and restart Safari, I am still logged in (Cookie & Session ID still set). But when I add this Page with "Add to Home…
43
votes
4 answers

Force link to open in mobile safari from a web app with javascript

When calling window.open() in a iOS web app, the page opens in the web app instead of mobile safari. How can I force the webpage to open in mobile safari? Note: Using straight links is not an option.
39
votes
6 answers

Why HTML5 video doesn't play in IOS 8 WebApp(webview)?

Simple HTML5 video plays on safari browser. but after adding it to home screen(Standalone WebApp), it doesn't work. It is working on iOS7 but stopped working on iOS8.
inaam husain
  • 615
  • 1
  • 7
  • 8
38
votes
11 answers

iPhone Safari does not auto scale back down on portrait->landscape->portrait

I have a very simple HTML page with this META tag for the iPhone: Using the iPhone Safari, when the page loads in portrait mode it looks…
Aerodyne
  • 481
  • 2
  • 5
  • 8
33
votes
6 answers

How do you keep an iPhone/iPad web app in full screen mode?

I have an HTML5 iPad app that works offline. The app essentially consists of 4 html files and 3 aspx files. My cache manifest is setup so that only the html files are available offline, and the aspx files require a network connection. This is all…
Don
  • 1,060
  • 1
  • 21
  • 27
32
votes
2 answers

iOS 9 status bar meta tag and startup image links not working

Since updating my iPhone 5s to the iOS 9 beta trial, I have found that the status bar styling meta tag, and the startup images on my standalone web app have stopped working. It was working perfectly fine in iOS8 so I'm a bit confused. I'm hoping…
Jamie Beech
  • 913
  • 1
  • 9
  • 8
30
votes
4 answers

Stop native web app from reloading itself upon opening on iOS

I'm trying to build a "native web app" using HTML + JS on iOS. As you may know you can add such an application to the homescreen and it will more or less look just like a normal native app. However if I quit such an app and reopen it again it…
cguedel
  • 301
  • 1
  • 3
  • 4
28
votes
6 answers

How can I clear the cache of an IOS Web App on the Homescreen?

I am using JQTouch to create a Web App on the Homescreen using meta tag "apple-mobile-web-app-capable", but no matter how many times I clear the cache from within Settings, the Web App's Javascript is still an older cached version. Strangely enough,…
28
votes
8 answers

iPhone WebApps, is there a way to detect how it was loaded? Home Screen vs Safari?

I have an iPhone Web App, and I'm interested in detecting if the app was loaded either from: iPhone Safari iPhone installed web app (via the add to my home screen) which loads without the safari bars. Any ideas?
AnApprentice
  • 108,152
  • 195
  • 629
  • 1,012
26
votes
4 answers

How to completely hide the navigation bar in iPhone / HTML5

I'm really new to HTML5 for mobile. I use jQuery Mobile for my current app and I have some problems hiding the navigation bar. I found this site: http://m.somethingborrowedmovie.warnerbros.com/. (I do not paste this link to promote the movie.) I was…
Luc
  • 16,604
  • 34
  • 121
  • 183
25
votes
1 answer

iOS7 Safari: Saving to Home-screen and persist token

For iOS 6.[something] onwards Cookies, SQLite data and localStorage data for Full Screen Web Apps is stored separately from the Safari data. I have a token that I need persisted to the Home-Screen app when saving to Home-Screen. There is a cookie…
TheGwa
  • 1,919
  • 27
  • 44
24
votes
1 answer

When not to use mobile-web-app-capable

I've read on how adding to your HTML will allow users to add that page to their home screen and use it as an App. So I'm wondering whether…
MvG
  • 57,380
  • 22
  • 148
  • 276
1
2 3
17 18