comment prévenir iOS safari alerte lorsque vous essayez d'ouvrir non installés application native?

J'ai été à la recherche d'un moyen d'ouvrir un natif de l'application iOS à partir du navigateur.
J'ai trouvé une bonne solution ici: Est-il possible d'enregistrer un http+de domaine Schéma d'URL pour les applications de l'iPhone, comme YouTube et Maps?

Cette solution fonctionne très bien lorsque l'application est installée. mais lorsqu'un utilisateur ne dispose pas de cette application installé safari déclenche un message d'erreur qui dit "Safari ne peut ouvrir la page car l'adresse n'est pas valide."

Est-il un moyen pour éviter ce comportement, au lieu de demander à l'utilisateur de télécharger l'application?

peut-être que cette réponse pourrait vous aider stackoverflow.com/a/16720093/2291363
c'est exactement ce que j'ai fait, c': fenêtre.emplacement = "appname://"; les déclencheurs de la vilaine erreur lors de l'application n'est pas installée sur l'appareil
Il va déclencher une erreur, mais il va disparaître sur le délai de redirection
Il provoque encore des comportements d'intimidation pour l'utilisateur, pas une grande UX :/
avez-vous jamais trouvé la solution?
Double Possible: stackoverflow.com/q/18986200/369317
malheureusement non, impossible de trouver une solution qui fonctionne

InformationsquelleAutor Dima Feldman | 2013-10-31

27

Voici une solution qui fonctionne pour moi:
```
var timeout;

function preventPopup() {
    clearTimeout(timeout);
    timeout = null;
    window.removeEventListener('pagehide', preventPopup);
}

function openApp() {    
    $('<iframe />')
    .attr('src', appurl)
    .attr('style', 'display:none;')
    .appendTo('body');

    timeout = setTimeout(function() {
            document.location = appstore;
    }, 500);
    window.addEventListener('pagehide', preventPopup);
} 
```
- Cette solution a très bien fonctionné pour moi aussi.
- Il ne fonctionne pas sur Chrome pour Android.
- hey, vous pouvez remplacer le document.emplacement = appstore; avec: fenêtre.ouvert( appstore, "_system" ); et il va travailler pour les deux
- grande réponse aussi peut-être U savoir: autrement lorsque l'application est installée et je suis revenu en arrière pour safari sur l'ipad (par exemple) - je voir pendant 1 à 2 secondes d'alerte: "ouvrir cette application dans l'app store?" - est-il vrai de le cacher?
- faut-il encore travailler sur ios9? je ne le crois pas.
- L'iframe astuce ne fonctionne pas dans iOS9. Voir ici pour une discussion spécifique à iOS9+: stackoverflow.com/questions/32689483/...
- Je vous recommande l'abstraction de cela branche.io. Ce JS est hébergé et mis à jour avec chaque nouvelle version de iOS9 de sorte que vous n'avez pas à vous inquiéter à ce sujet. Malheureusement, comme les commentateurs indiquent, iOS9 cassé tout cela, mais nous (l'équipe de Branche) sont de travailler avec Apple pour le faire réparer. Nous ne croyons pas que c'était intentionnel.
- est le appstore ci-dessus censé être une variable ou une URL vers l'appstore d'apple?
InformationsquelleAutor ElizaS
5

l'utilisation d'une iframe.
```
$('<iframe />').attr('src', "appname://").attr('style', 'display:none;').appendTo('body');
```
- peut-être U savoir: autrement lorsque l'application est installée et je suis revenu en arrière pour safari sur l'ipad (par exemple) - je voir pendant 1 à 2 secondes d'alerte: "ouvrir cette application dans l'app store?" - est-il vrai de le cacher?
InformationsquelleAutor Kohei Iwasaki

Pour la résolution de ce et éviter pas voulu iOS safari alerte, j'ai utilisé une approche différente de la poignée également une iframe mais sans jquery et écouteur d'événements. Il fonctionne parfaitement.

    var iframe = document.createElement("iframe");

    iframe.style.border = "none";
    iframe.style.width = "1px";
    iframe.style.height = "1px";
    iframe.onload = function () {
        document.location = alt;
    };
    iframe.src = nativeSchemaUrl; //iOS app schema url

    window.onload = function(){
        document.body.appendChild(iframe);
    }

    setTimeout(function(){
        window.location = fallbackUrl; //fallback url
    },300);

Qu'est-ce que le alt variable dans document.location = alt;?
Qu'est-ce que alt variable pour?
alternative/de secours URL, peut-être

InformationsquelleAutor akruspe

Je suis l'aide de meta refresh comme secours car cela fonctionne sans javascript. Ce code fonctionne sous iOS et Android.

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="refresh" content="1; url=http://www.facebook.com">
    <title>Redirecting..</title>
    <script>
    function tryOpenApp() {
                var iframe = document.createElement("iframe");
                iframe.style.border = "none";
                iframe.style.width = "1px";
                iframe.style.height = "1px";
                iframe.src = "fb://feed/";
                document.body.appendChild(iframe);
    }
    </script>
  </head>
  <body onload="tryOpenApp()">
  </body>
</html>

Test http://static-pmoretti.herokuapp.com/deep-link/

Salut Pablo, après avoir essayé de savoir comment il a travaillé, j'ai vu que le code important ici, c'est la balise meta. Sans elle, ne fonctionne pas. Alors, pourquoi est l'iframe créé alors? Merci!

InformationsquelleAutor Pablo Moretti

-1

La bonne façon de le faire est d'utiliser Smart App Banners:
https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/PromotingAppswithAppBanners/PromotingAppswithAppBanners.html

Si votre application n'est pas installée, la bannière va permettre à l'utilisateur de l'installer. Si il est installé, il va ouvrir l'application, et vous avez un moyen de spécifier l'URL personnalisée arguments à passer à l'application.
- Mais vous ne pouvez pas faire le lancement de l'application automatiquement droit?
- L'ajout d'un Smart App Banner a ses inconvénients. Par exemple, si l'utilisateur ferme (appuie sur le bouton X, il n'y a pas moyen de l'afficher de nouveau.
InformationsquelleAutor Thomas Deniau

Vous devez vous connecter pour publier un commentaire.