Comment rediriger le navigateur Safari Mobile Natif de l'application iOS (comme Quora)?

Sur mon iPhone, j'ai juste remarqué que si je fais une Recherche sur Google (Mobile Safari) et sélectionnez un résultat sur quora.com la page de résultat lance le natif de Quora application sur mon téléphone.

Comment est-ce fait? Plus précisément, est-il une détection de l'agent utilisateur et l'utilisation d'un iOS schéma d'URL? Peut-il dire si l'application native est installé et/ou de les rediriger vers l'app store?

OriginalL'auteur Callmeed | 2012-03-13

  1. 15

    Je vais reposter une réponse à mes propres connexes (mais était à l'origine Ruby-on-Rails-spécifique) question ici: Rails: redirect_to 'myapp://' à l'appel de l'application iOS mobile safari

    Vous pouvez rediriger à l'aide de javascript window.location.

    Exemple de code: 

    <html><head>
    <script type="text/javascript">
      var userAgent = window.navigator.userAgent;
      if (userAgent.match(/iPad/i) || userAgent.match(/iPhone/i)) {
        window.location = "myiosapp://"
      }
    </script>
  </head>
  <body>
    Some html page
  </body>
</html>
    Ne fonctionne pas sur mon iOS 7 de l'appareil.
    Ne fonctionne pas sur mon iOS 7 de l'appareil SI je lance l'application web à partir d'un webclip en mode plein écran. Il a pas le mode plein écran de réglage pour le webclip.
    Cela ne fonctionnera pas si l'application n'est pas installée.
    Est-ce une bonne solution? Ce serait forcer de rediriger l'utilisateur vers l'application à chaque fois qu'il/elle ouvre l'URL. qui c'est ennuyeux.

    OriginalL'auteur padi

  2. 5

    Juste une petite amélioration du code JS, si l'application n'est pas installé, il va envoyer à l'utilisateur de itunes store 😉

    <script type="text/javascript">

    //detect if safari mobile
    function isMobileSafari() {
        return navigator.userAgent.match(/(iPod|iPhone|iPad)/) && navigator.userAgent.match(/AppleWebKit/)
    }
    //Launch the element in your app if it's already installed on the phone
    function LaunchApp(){
      window.open("Myapp://TheElementThatIWantToSend","_self");
    };

    if (isMobileSafari()){
        //To avoid the "protocol not supported" alert, fail must open itunes store to dl the app, add a link to your app on the store
        var appstorefail = "https://itunes.apple.com/app/Myapp";
        var loadedAt = +new Date;
        setTimeout(
          function(){
            if (+new Date - loadedAt < 2000){
              window.location = appstorefail;
            }
          }
        ,100);
        LaunchApp()

    }

</script>

    OriginalL'auteur Loki

  3. 4

    Vous pouvez faire déclencher votre demande à être lancé à l'aide de URL personnalisée régime, enregistrés par votre application avec l'iOS de l'exécution. Ensuite, sur votre site web, écrire du code pour détecter les entrants de l'Agent Utilisateur et si iOS est détecté générer votre URL personnalisée au lieu de http.

    Donc, ce qui se passe si ils n'ont pas l'application installée?
    Bonne question, car il n'y a pas un moyen standard de la manipulation. Mais here s'agit d'une bonne solution de contournement posté par un autre utilisateur de ce site.
    Où est la solution de contournement pour détecter si votre application est installée sans message d'erreur ?

    OriginalL'auteur Perception