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
3
votes
2 answers

JSONP calls not working with apple-mobile-web-app-capable="yes"

The Problem: With set, all of my jsonp requests are getting denied. I read that by setting content="yes", you cannot change the page. But I was unaware you couldnt request external…
Fostah
  • 2,947
  • 4
  • 56
  • 78
3
votes
0 answers

How do I open a URL in a web browser from an iOS standalone webapp

I have a web app that runs in standalone mode on the iPad (using ). Does anybody know if I can launch a URL in a normal browser from within my app?
Ohad Kravchick
  • 1,154
  • 11
  • 15
3
votes
3 answers

Background behavior for iOS Web App (so app doesn't restart)

I'm trying to build a mobile web app and am intrigued by the "apple-mobile-web-app-capable" option, making the app feel a lot more native. The issue I'm having is that it's an app that lets a user browse through a bunch of content, some of which…
Brenden
  • 8,264
  • 14
  • 48
  • 78
3
votes
0 answers

Apple Touch Icon not loading (Web Clip / Safari Bookmark, Reading List & Favourites Icon)

Problem I can't get the Apple Touch Icon to work for my Wordpress website. Meaning the Icons that normally appear when you "Add to Reading List", "Add to Favourites" and "Add to Homescreen" in Safari all don't show up and only show the default. The…
3
votes
2 answers

White panel arrives on double tap from bottom in PWA in standalone mode

We have found a behaviour that in my opinion is a bug in Safari. Install the PWA on iOS to Home Screen, open app in standalone mode and tap to any text input, close the keyboard and double-tap on free space (it zooms out if zoomed, then double tap…
3
votes
2 answers

Track Add To HomeScreen Web App in Google Analytics

I have a mobile web app with the Add to Home Screen functionality working well. I am trying to determine how to use Google Analytics to best track the app usage for those who have installed the app to their home screen. There doesn't seem to be a…
3
votes
2 answers

What event fires when a WebKit WebApp is "terminated"

I am in the process of developing a Web App for iOS and am using the DOMApplicationCache. I know that Web Apps can not run in the background, but I still would like to simulate a resume of the app when the user switches to another app and returns to…
3
votes
2 answers

Google OAuth for standalone web app errors with disallowed_useragent

Up until recently, I had a standalone web app (e.g. Add to Homescreen) successfully authenticating users with Google's OAuth. Apparently they recently made changes and are not going to allow native web-views to initiate OAuth flows. This is…
Avand Amiri
  • 767
  • 7
  • 13
3
votes
2 answers

Add to Home Screen Web App

Whenever I add my webapp to the home screen and click on a link, it takes the user out of the web app and into Safari. The link is a home button, it takes the user back to the home page. The home page works fine, but it only leaves the app when I…
3
votes
1 answer

Specify an url in html for the bookmark option on the iPhone

I am building an iPhone optimized website and when people use the '+' button on the iPhone you can add a bookmark to the website on the homescreen of the iPhone. How can I specify a url that will be used instead of the page they are on. For example,…
Peter Kiers
  • 602
  • 4
  • 16
3
votes
3 answers

Indexeddb is not working on iPhone IOS 8 from web app

I am having trouble with Indexeddb, it seems to stop working when you pin the web app to the home screen. Everything is working fine when running inside the safari browser. Is this a known limitation?
KleggerKoder
  • 161
  • 1
  • 10
3
votes
1 answer

How to require fullscreen mode in a jQTouch application?

I'm using jQTouch to develop a version of a website optimized for safari on the iphone. The jQTouch demo helpfully shows how to show an "install this" message for users not using full screen mode and hide it for those who are. When in fullscreen…
3
votes
0 answers

Close an extra iOS web app window in standalone web app

When a new browser window is opened with window.open(), the same window can be closed with window.close(). That works on all the browsers I have on my laptop, and it works in Safari on my iPhone (iOS 7). However, if I save the very same web app to…
Swiss Mister
  • 3,260
  • 2
  • 20
  • 42
3
votes
0 answers

How to Scroll the web content loaded on UIWebView to a specific division/content start point?

I am new to iPhone apps Development. I am developing an application in which i need to scroll the webpage loaded on UIWebView to a certain div having some Id. Since I am loading the static webpage by converting the web content into a string. String…
Vishal Gupta
  • 106
  • 1
  • 7
3
votes
2 answers

Iphone Youtube Fullscreen Webapp (standalone) No-audio (BUG ?)

. I embed a Youtube video on a webpage (not a "APP" but a "WEBAPP") using the standard embed-code as shown below Youtube videos. When i open my page from a standard Safari-shortcut (homescreen) it all works fine and i do have audio When i open my…