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.
Related
I'm trying to implement the new AppLinks API for my Application to route the Facebook-Users to my mobile App.
I've set up the meta correctly, but the Facebook App opens always the URL within the internal Web-Browser (but it shows then at the top right, but that a normal User wouldn't know for what it stands for and wouldn't klick on it).
<meta property="al:web:should_fallback" content="true" />
But if I set the should_fallback to false, the Post is opened directly in the App - But then the Fallback to the WebApp doesn't work anymore.
<meta property="al:web:should_fallback" content="true" />
So Facebook doesn't implemented the AppLinks implementation correctly (so that it doesn't make sense) or did I forget something?
Facebook Documentation
PS: On Android it works correctly: After clicking on a Applink it opens directly my native App, and if the App is not installed then it opens the normal Web-Page
For the Pinterest iOS App this way also doesn't work - but there the Implementation is better than it is in Facebook - There a Infobox is shown to the User:
Does it exist a better solution for iOS or have I to wait until Facebook is investigating into this (if they do)?
I am not sure my comment will be useful but we met similar situation. At same time while we tried to solve issue with fall back we found that everything works well for Instagram. We compared our metatags and found that we have only one difference. It is additional metatag fb:app_id. We added it to the page and magic happened. When app is installed then fb suggest to open it. When it is not installed it does redirect to web url (og:url).
I have installed and configured the Colorbox Module for Drupal on my mobile site. Everything works correctly, except when a user opens the site from their homescreen in an iPhone. The Colorbox opens briefly, then closes. This does not occur when a user is viewing the mobile version of the site on their iPhone in Safari. It only happens after they have added it to their homescreen and view it through that.
Turns out the following script was causing the error. This script prevents links from opening in Mobile Safari. https://gist.github.com/1042026
<script>(function(a,b,c){if(c in b&&b[c]){var d,e=a.location,f=/^(a|html)$/i;a.addEventListener("click",function(a){d=a.target;while(!f.test(d.nodeName))d=d.parentNode;"href"in d&&(d.href.indexOf("http")||~d.href.indexOf(e.host))&&(a.preventDefault(),e.href=d.href)},!1)}})(document,window.navigator,"standalone")</script>
I wish to play flash content in iPad app so i searched lot then finally i came to know Puffin browser will play flash content.
In my app when user tapping a button the app redirected to puffin browser then it will play the flash content. then again if try to re-open my app from puffin browser i could not re-open it.
I created URL Scheme for my app. after completion of flash video, i tried to open my app by using myApp:// in puffin browser but it does not re-open my app. if try same way in safari its working.
Please help me
External URL opening will be supported in the next version. Do you mean you want to manually type "MyApp://SomeUrl" in Puffin and then open MyApp with SomeUrl? Is your app free to download? I'd like to give it a trial.
ps: I work in CloudMosa which sells Puffin.
Maybe a bit late, but there a several documentated URL Schemes on the Puffin Developer Page: https://www.puffinbrowser.com/development/
Puffin Browser for iOS handles the following URL Schemes.
puffin for http
puffins for https
puffin-x-callback for callbacks back to calling app (iOS after version 3.5)
i.E. use instead of https://www.google.de the Url puffins://www.google.de to open https://www.google.de in the Puffin Browser.
Unfortunately currently workin only for the not longer maintained iOS Versions Puffin and Puffin Pro. The new browser Puffin Lite has afaik no documentated URL Schemes or does it?
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
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.