Our iPhone web app has a homescreen icon users can save. It's an audio specific application.
When users save it to their homescreen and then click homescreen icon, the iPhone doesn't open regular Safari. Rather it opens some sort of quasi Safari, one where there is no URL bar to be seen. Actually it's really cool and makes our web app feel a lot like a native app. Unfortunately this version of Safari doesn't play audio when user has their phone sounds off. Regular Safari will play sounds either way.
Thus and like Grooveshark has done we want when user clicks our web app icon to open regular Safari.
Can anyone provide any guidance on this?
If it's opening a standalone application you have to remove the web-app-capable from your meta tags.
<meta name="apple-mobile-web-app-capable" content="yes" />
More informations
Related
Filepicker.io works fine if I use my single-page angular.js app using a desktop, ipad, or iphone directly from mobile safari. But if I add my website to the iphone homescreen, and run the app using:
<meta name="apple-mobile-web-app-capable" content="yes">
Then the app fails immediately upon choice of picture when selecting from camera. It displays a red bar error, something to the effect of "end results to the screen failed. Please close this window and try again..."
Short version: Use the {container} option to open filepicker.io into an iframe in your page in this case.
More full explanation:
The default mobile behavior is to open in a new window, and the current iOS model will spawn a new safari instance from homescreen apps off window.open(). When Filepicker.io then sends the data back to the calling app, the Safari sandboxing prevents the data from being transmitted, causing the error seen.
To fix this behavior, you can force Filepicker.io open in an iframe in the page by using the {container} property.
I think the answer to this is probably no, as I have been searching for days and have not run across the answer. I have a mobile site that has links to youtube videos in http://www.youtube.com/watch?v=XXXXXXXXX format. The links open in the iPhone Youtube app which takes the user out of Safari and is a suboptimal experience, as the user then has to re-open safari. Is there any type of parameter to pass that would allow these video links to open in the same view that say an embedded video opens in, or a direct MP4 would open in(which allows the user to simply click done, and boom they are back on Safari)? It sucks that only iframe or embedded videos seem to allow this functionality and not links.
From messing around with the mobile Youtube site itself, it looks like you can link to the mobile page for a particular video with this URL format: http://m.youtube.com/#/watch?v=XXXXXXXXX. Visiting that URL will show the video page in Safari without launching the Youtube app.
For me this solution is pretty simple but elegant and it did work perfectly
https://github.com/hellozimi/HCYoutubeParser
I have a mobile oriented web site which is not intended to be run as a mobile web app. When users add the mobile site to their iPhone's home screen links do not work and the site gets broken.
Is there a way to detect a mobile site is running as an iPhone web app (from the Home Screen) and have it automatically launch in Safari instead? In other words, if the user "Add to Home Screen" to have it behave like a bookmark?
Remove <meta name="apple-mobile-web-app-capable" content="yes"> from your HTML. Websites as home screen icons open in Safari unless specifically ordered not to using that meta tag.
I'm developing a site for mobile devices (such as iPhones and Androids). And I would like to have a scenario when user clicks a button and hears a sound from audio-file (.wav for example). Is it possible to achive it somehow?
Thank you for your help!
You should be able to just add in a link or embed the file into the html for your site. Here is some info on it:
http://www.boutell.com/newfaq/creating/iphoneaudio.html
I'd like to have my application be able to add bookmarks to safari programmatically, is this possible?
Not really possible : there's no API for that (and you can understand it from user perspective....).
An answer here confirms it :
Add bookmark to Safari on iPhone when an application is installed?
You can't add a bookmark in Safari itself, but you can add an icon on the user's Home screen that bookmarks an arbitrary URL:
User Experience Coding How-To's for Safari on iPhone