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

iOS Webapp. Swipe back is not working in standalone mode

I have put the meta tags in my html header to transform my site into an fullscreen webapp. Everything is working fine, without the known swipe back gestures from safari. Does anyone know why its not working and how to fix it?
11
votes
2 answers

How can I prevent iOS standalone web apps from locking up the device?

My prototyping service creates standalone, isntallable iOS web apps. Sometimes they lock up the device while in use. The home button stops working, the app continues to work. The following is shown repeatedly in the device's console (retrived by…
Nathan Manousos
  • 13,328
  • 2
  • 27
  • 37
10
votes
2 answers

Safari Mobile full screen

I'm trying to set the full screen mode on my iPhone Web App, I have read the Apple's documentation on apple-mobile-web-app-capable meta tag, but it doesn't work, can you help me? Thanks
10
votes
1 answer

Check if page added To iPhone homescreen

Is it possible to check using JavaScript or CSS if a page has been added to the iPhone homescreen in webapp mode. Like getting the height of the screen which wouldn't have the nav bar so would be 460px
Jonathan.
  • 53,997
  • 54
  • 186
  • 290
10
votes
2 answers

Is there an iphone url scheme to start a web app in standalone mode from a link

What I'm trying to do is this: I've got a web app the user can choose to add to the homescreen and run in standalone mode. Sometimes the server side of the app sends SMS'es to the user to notify the user of significant events. The SMS contains an…
thomasmalt
  • 1,718
  • 11
  • 15
9
votes
1 answer

iPhone window.open(url, '_blank') does not open links in mobile Safari

I'm sending users to some .pdfs in a standalone web app (saved to home page, no PhoneGap) on iPhone/iPad. With window.open(url, '_blank'); these documents open on top of the web app and since there is no back button there is no way to get back. Can…
joeforker
  • 40,459
  • 37
  • 151
  • 246
9
votes
1 answer

Do iOS web apps support the new “fast tap” behavior?

I’m writing a web app that is intended to be used through a home-screen shortcut under iOS. I added the meta tag
bdesham
  • 15,430
  • 13
  • 79
  • 123
9
votes
4 answers

Build an ASP.Net web app with offline functionality

I'm in the process of building an asp.net (3.5) web app and was wondering if you knew of any way I could do it so that there would be some offline functionality. This is needed as people will be able to 'install' the web app on their device (using…
9
votes
2 answers

iOS network activity indicator keeps spinning in web app added to home screen

2nd update, March 2014: Apple closed the bug saying they don't have enough information, but my project is a big PHP application that I can't (and won't) fully send to Apple for them to reproduce this problem. If anyone has a shareable, simple, pure…
8
votes
2 answers

iPhone/iPad WebApps don't allow cookies?

When I use , my page doesn't set, load, or retrieve cookies. Is there any way to get around this? I can't find anything useful in Google.
Charlie
  • 11,380
  • 19
  • 83
  • 138
8
votes
3 answers

iOS Standalone App 300ms Click Delay

Last year webkit removed the 350ms delay for iOS. When I run my website in Safari's mobile browser, the delay no longer exists, and works as expected. However, when I run my web application in standalone mode, the delay exists, and is blatantly…
contactmatt
  • 18,116
  • 40
  • 128
  • 186
8
votes
1 answer

Disable rubber band in iOS full screen web app

I have a full screen web app running on iOS. When I swipe down, the screen scrolls with the rubber band effect (bumping). I want to lock the whole document but still allow scrolling divs with overflow-y: scroll where needed. I have experimented…
7
votes
1 answer

OIDC and PWA (add to home screen)

Update: Basically the same issue as Standalone PWA breaks login but on iOS. If you add a web app to the home screen, Chrome on android shares the local storage with the same domain in the browser. You can test this by going to…
7
votes
2 answers

Web App Manifest: "start_url" doesn't work for Safari

The "start_url" works for Android browsers, but for iPhone, Safari always uses current page's URL and ignores the "start_url". For example, the current page is https://test.com/index.html, on manifest the "start_url" is set to be "start_url":…
J.W
  • 671
  • 7
  • 23
1 2
3
17 18