Stack Overflow
Stack Overflow

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

ajax call not completing correctly on ipad full-screen app

I've created a web-app for full screen on the ipad. Just to clarify, everything works fine from the computer, everything works fine from the browser on ipad, its only when its full screen as web-app that it is having issues. The code is…
Jason G
  • 2,395
  • 2
  • 24
  • 34
0
votes
0 answers

How to prevent scrolling after hiding keyboard in ios7 html5 webapp

I have a problem with html5 app in ios7. It's easier to explain it at the screenshots: At the start everything is fine - https://www.dropbox.com/s/x03b2blcqjptvpi/1.jpeg?dl=0 When I touch text input it's still ok (page scrolls down to the…
Michał Nosek
  • 1
0
votes
0 answers

Key Press on iOS Devices

I need to run a function every time a key is pressed. This works fine for computers but on an iOS Device it doesn't seem to register. The html element is Any ideas?
mark D
  • 38
  • 7
0
votes
1 answer

Setting timeout for loading with appcache?

I've created a standalone web app that uses caching. It works very well if you have eithe My issue is that some scripts that require a network connection, like google analytics, block the page from rendering until they're loaded (at least if using…
Eric Lagergren
  • 501
  • 2
  • 7
  • 18
0
votes
1 answer

In-app purchases in iOS webapp?

This might be a stupid question but after googling for a bit I can't seem to find an answer to this. Is there any way of allowing users to buy things with their Apple ID in a webapp? I know it's basically a website loaded into a stripped down Safari…
s1h4d0w
  • 762
  • 6
  • 27
0
votes
1 answer

how can i detect if a page on safari was opened from the springboard?

i saw it once and i cant find it again: how to detect via JavaScript if an iphone webapp was opened from a url typing or from an icon in the springboard? thanks!
Gilad
0
votes
1 answer

ios web application .delegate is not working

I'm building new web page and it's supporting ios web application. When i try to open web app, my .delegate method is not firing. It's acting like i'm clicking . Going to top of the page and method is not firing. What i've done so…
user2956229
  • 51
  • 9
0
votes
1 answer

Quick button pressing for iOS web app

I couldn't find anything on how fast a button was pressed, so I hope this is OK. This is for a web-application. For those of you who have an iPhone (or most modern smartphones now), if you have the pin styled unlock screen when you unlock your…
Albzi
  • 15,431
  • 6
  • 46
  • 63
0
votes
1 answer

How to prevent iPhone web app links from opening in Safari?

I have a web app that I contains links to several pages. I am using jQuery Mobile framework. However, when I click a link, it opens the page in Safari and not in the web app. Here is my javascript code that I link to in the page with the links: $(…
Khan
  • 33
  • 6
0
votes
1 answer

iOS Standalone HTML5 App 'click' event not firing on dynamically injected input

I'm encountering an issue which seems to occur only in standalone mode of a HTML5 app which I saved to the Home screen of my iOS device. By standalone mode, I mean a HTML web app with the following metatag:
John
  • 9,254
  • 12
  • 54
  • 75
0
votes
0 answers

navigator.standalone backwards?

I use the following code: if (navigator.platform == 'iPad' || navigator.platform == 'iPad Simulator' || navigator.platform == 'iPhone' || navigator.platform == 'iPhone Simulator' && window.navigator.standalone === false) { window.alert("We've…
ilarsona
  • 436
  • 4
  • 13
0
votes
1 answer

apple standalone webapps caching

I build a standalone web apps for IOS. i notice there are some caching issue which bothering me a lot. I notice sometime the web apps do not hitting my site, lets says "index.php". I observing this by looking at apache log. I search around and some…
Steven
  • 160
  • 1
  • 12
0
votes
1 answer

Script for navigating standalone web app interferes with sign out link

I'm using the following javascript in my application.html.erb to allow my web app to behave like an iOS app when saved from Safari to the home screen. This script prevents links in the app from opening in Safari: