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
1
vote
1 answer

Store MVC3 authentication data across sessions in iPad web-app mode

I have a MVC3 project for running on the iPad in the web-app mode. I use FormsAuthentication to realize a login/logout functionality which calls FormsAuthentication.SetAuthCookie(model.Username, true) to store the login information into a cookie. In…
tklepzig
  • 598
  • 9
  • 19
1
vote
1 answer

iPad webapp flashes when launched from springboard, fine in Safari browser

I'm developing a site for tablets (testing on iPad) using jquery mobile and I've enabled it to be a full screen web app using Works quite nicely, but when you navigate to a new page, there's…
1
vote
1 answer

Programmatically launch a web app on the home screen?

I have an enterprise application that has a web app added to the Home Screen of the iPad. I want to be able to launch the web app from my native XCode app. Is this possible? Can a web app have an associated custom protocol registered? Thanks
1
vote
2 answers

iPhone Splash Screen not loading

I am developing a jquery mobile app and I'm trying to load a splash screen and for the life of me can't work out why its not loading. Here is my code
user952396
  • 21
  • 2
1
vote
1 answer

Keep web app in standalone mode on iPhone

After searching Stackoverflow and Google, I have not found a working solution. I need a web app to remain in standalone mode when changing pages (clicking links). Currently, when any links are clicked while in standalone mode, they are launched in a…
AVProgrammer
  • 1,344
  • 2
  • 20
  • 40
1
vote
2 answers

Is it possible to hide the iOS browser chrome on a website and link to an external site?

Is it possible to build a website that is hiding the browser chrome on iOS5 while still linking to external websites? The browser chrome should not be shown when the external site his opened.
1
vote
1 answer

Add to Homescreen from within application?

Apps like Icon Project show that you can let your app make a homescreen icon with a link to a website. Does anyone know how this can be accomplished?? I dont know where to start.
Mark
  • 16,906
  • 20
  • 84
  • 117
1
vote
0 answers

Loading external pages within a homescreen webapp on iPhone

I'm developing an app for iPhone which make use of jQueryMobile and the homescreen mode, and I have to reference to an external link during the page flow, but after clicking the link, it opens the page in a new safari window, is there a way to do…
1
vote
1 answer

Disabling automatic phone detection on Ipad in a web app

I have found that while using the tag in iOS 4.3.5 the tag does not work. It will work in Safari, but not if the app is launched from…
mbeintema
  • 308
  • 2
  • 10
1
vote
1 answer

Web app in full screen mode on Ipod

I have a web app I'm building a mobile site for. I'm trying to run it in full screen without a nav bar if the user has added the page to their home screen. Right now, my javascript is very simple: if (navigator.standalone) { alert ('From Home…
Kombo
  • 2,371
  • 3
  • 34
  • 64
1
vote
0 answers

A2HS: Basic Safari navigation UI for iOS standalone web app

I'm trying to display a basic browser UI within Safari (next/back buttons, but no address bar) when displaying a site in standalone mode when adding to the home screen on iOS. I'm aware that iOS doesn't support the 'minimal-ui' display property…
1
vote
1 answer

iPhone / CSS - change styling if site set as a home screen app

I'm making an iPhone App / Mobile Web site and when I access the site normally )(top image), everything is formated as it should be, but when I set it as a home screen app (bottom), the title goes behind the information bar at the top (or at least…
mheavers
  • 29,530
  • 58
  • 194
  • 315
1
vote
1 answer

Facebook iphone-version as app outside safari on iOS?

I don't like web-apps for iPhone because they have to run inside the Safari instanace and have the Safari-toolbar at the bottom. But today when I opened the web-app version of Facebook on my iPhone I got big eyes! This one opens in its own instance…
1
vote
2 answers

WebApp on iPhone with black-translucent StatusBar: Viewport height seems to be wrong

I currently have the problem that my iPhone doesn't show the content down to the bottom of the screen in web apps when I use the status bar style black-translucent. There's always a gap at the bottom. I created a minimal example using a simple…
Thyraz
  • 2,412
  • 2
  • 21
  • 23
1
vote
3 answers

Is it possible to create a full screen web app on iphone/ipad without adding it to the home screen first?

I know I can use the apple-mobile-web-app-status-bar-style meta tag and after adding the web page to the home screen, it will run the app in full screen mode. My question is if there is any tag, css or javascript I can use to tell mobile safari to…
JSM
  • 11
  • 2