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

Site broken when launched as iOS web app

Is there any reason why my site would break horribly when saved to the home screen and launched as a web app? Is there any way to debug it? It appears from the way it renders that all the HTML and CSS loads fine, but I suspect jQuery is not being…
Bobe
  • 2,040
  • 8
  • 29
  • 49
0
votes
1 answer

iOS Offline Web App - Progress bar?

I'm making an offline web app that looks like it'll be around 1.5MB. Is there anyway to check that all of my offline files in the manifest were downloaded when the user bookmarked my app? Or better yet, a progress bar like it was a iTunes App…
0
votes
1 answer

How to redirect an iOS user from Chrome to Safari?

I'm building an iPhone webapp using HTML5. To help the webapp resemble a native app, users need to add it to their homescreen. But for this to work, they have to be on Safari. Other mobile browsers, such as Chrome, cannot add bookmarks to the…
Tomi Seus
  • 1,131
  • 2
  • 13
  • 28
0
votes
1 answer

apple-mobile-web-app-capable breaks flowplayer

I an trying to convert a site to an iOS web-app. Everything works fine except for Flowplayer - it throws an error as soon as it is run inside a web-app, but is fine in (mobile) Safari. Test setup: Downloaded the latest Flowplayer (HTML5…
phil
  • 174
  • 15
0
votes
1 answer

iOS web app to call mobile safari share function?

This is a longshot, but is it possible via HTML/JavaScript e.g. For a standalone iOS web app to call the share function found in mobile safari? E.g on a web page a user clicks a link that then calls for share to fb, twitter, email screen to pop up.
Laxiton6893
  • 201
  • 3
  • 8
0
votes
1 answer

Check is web app in fullscreen

I'm using meta tag to put web app in full screen on iPad Is there a way so I can check is app in full screen ? Main reason for this is to increase wrapper height if app is in full screen…
Wlada
  • 1,052
  • 14
  • 25
0
votes
1 answer

Can Not Hiding Safari User Interface Components

I am very new for iPhone web developer. I started with reading Safari Web Content Guide. Then I found that we can hide user interface for example address bar of safari. Therefore, I followed the instructor. The result is not what I expected. The…
embarus
  • 815
  • 3
  • 14
  • 28
0
votes
2 answers

Prevent standalone iOS web app from reloading after loading video

I have an AJAX based web app for iPhone. This app is mainly for watching videos. The user navigates some menus and then gets to a list of videos. On the video list, I have some code like this:
calvillo
  • 892
  • 1
  • 9
  • 23
0
votes
1 answer

New twitter widget in IOS6 HTML5 web app triggers keyboard on startup

I'm building a HTML5 digital magazine and embedded the (new) Twitter widget. When I add the digital magazine to my homescreen as a web app on an 'iDevice' (iPhone/iPad) with IOS6, there is a glitch when starting the web app; The app loads, but when…
0
votes
2 answers

Rails iOS homescreen web app - can't delete records

I've got a web app which works perfectly in the browser - both on the desktop and mobile. The problem comes when I try to pretty it up by adding: This works great too - up to the point I…
0
votes
2 answers

Web app using preventDefault() to behave as standalone - does not work with image links

I have a web app that I want to display as a standalone once a user has bookmarked it to the home screen of their device. I've been testing on an iPhone 5. I'm using the meta tags to make it display as a web app and a bit of jQuery to handle click…
0
votes
1 answer

Iphone Web App is under Status Bar

Hi I have a problem with iPhone web app. The problem is that the website is moves under the statusbar when I add the app to to the home screen. So for example my header block is not fully shown.
0
votes
1 answer

How to fake a user-agent on Jquery Mobile Ajax requests in iOS fullscreen mode (using apple-mobile-web-app-capable)?

I'm pulling my hair out with this one... My app is running on jquery-mobile (1.1.1), jquery (1.7.2) and requireJS on the front end. Running the app in Mobile Safari on (ipad1+3, iOS3+5) works fine, but if I open the app through the home screen icon…
frequent
  • 27,643
  • 59
  • 181
  • 333
0
votes
1 answer

ASP.Net MVC 4 not using Mobile Views on iPhone standalone app (after adding to homescreen)

I have a web site that I have built in MVC 4 that has both Web and Mobile views. I am using the .Mobile extension on my views to render the mobile views when someone visits the site from a Mobile phone and that's working great. When I visit the…
0
votes
1 answer

hiding address bar on iphone's safari doesnt work

I want my site not to display the address bar when viewed in iPhone's safari. From my research this metatag should do the trick, if only targeting iphone devices: it doesnt seem to do the…
nuway
  • 2,324
  • 4
  • 27
  • 48
1 2 3
17
18