iPhone: Umleitung zum app-store auf dem mobilen safari, wenn app nicht installiert

Habe ich zwei links auf eine optimierte mobile Safari web-site. Eine ist ein link zu dem App Store herunterladen meine Anwendung. Die andere ist eine App Starten-Taste, die verwendet die registrierten app://- Protokoll verwenden, um die Anwendung zu öffnen. Das problem ist, dass mobile Safari zu drosseln, wenn der Benutzer klickt auf den Start-App " - Taste, wenn die Anwendung nicht installiert. Ist es möglich, zu erkennen, wenn das registrierte Protokoll verfügbar ist, und falls nicht, ändern Sie die App Starten, button mit einer entsprechenden URL, wie die download-app-URL, so dass der Benutzer nicht einen fiesen popup?

InformationsquelleAutor randombits | 2011-04-15
  1. 4

    Dies ist weitgehend ähnlich diese Frage; die wichtigsten Vorschläge gibt es, um eine einzelne Schaltfläche, die versucht, die app zu starten, gleichzeitig ein timer, der Sie ausgelöst, wenn die app nicht installiert mit der Begründung, dass wenn es dann Safari würde verlassen haben, bevor der timer feuert.

    InformationsquelleAutor Tommy
  2. 3

    Wenn Sie hinzufügen, ein iframe auf Ihrer web-Seite mit der src benutzerdefinierte Farbschema für die App wird iOS automatisch umgeleitet werden, um diesen Standort in die App. Wenn die app nicht installiert ist, wird nichts passieren. Dadurch können Sie als deep-link in der App, wenn es installiert ist, oder für eine Umleitung in den App Store, wenn es nicht installiert ist.

    Beispielsweise, wenn Sie über die twitter-app installiert, und navigieren Sie zu einer Seite mit dem folgenden markup, Sie wäre sofort gerichtet, um die app. Wenn Sie nicht über die Twitter-app installiert ist, sehen Sie den text "Die Twitter-App ist nicht installiert."

    <!DOCTYPE html>
<html>
    <head>
    <title>iOS Automatic Deep Linking</title>
    </head>
    <body>
        <iframe src="twitter://" width="0" height="0"></iframe>
        <p>The Twitter App is not installed</p>
    </body>
</html>

    Dies bedeutet, dass Sie eine einzige Taste, der Sie leitet zu einer Webseite mit markup ähnlich wie diese:

    <!DOCTYPE html>
<html>
    <head>
    <title>iOS Automatic Deep Linking</title>
    <script src='//code.jquery.com/jquery-1.11.2.min.js'></script>
    <script src='//mobileesp.googlecode.com/svn/JavaScript/mdetect.js'></script>
    <script>
      (function ($, MobileEsp) {
        //On document ready, redirect to the App on the App store.
        $(function () {
          if (typeof MobileEsp.DetectIos !== 'undefined' && MobileEsp.DetectIos()) {
            //Add an iframe to twitter://, and then an iframe for the app store
            //link. If the first fails to redirect to the Twitter app, the
            //second will redirect to the app on the App Store. We use jQuery
            //to add this after the document is fully loaded, so if the user
            //comes back to the browser, they see the content they expect.
            $('body').append('<iframe class="twitter-detect" src="twitter://" />')
              .append('<iframe class="twitter-detect" src="itms-apps://itunes.com/apps/twitter" />');
          }
        });
      })(jQuery, MobileEsp);
    </script>
    <style type="text/css">
      .twitter-detect {
        display: none;
      }
    </style>
    </head>
    <body>
    <p>Website content.</p>
    </body>
</html>
    • Diese Werke auf ios7, aber scheint nicht zu funktionieren auf ios8. Ich kann rufen Sie eine andere app-URL außer itms:// "oder" itms-app://. Es funktioniert auf ios7. Hat das mit apple zu tun drücken der Nutzung der smart-Banner statt auto-Umleitung zum app-store?
    InformationsquelleAutor q0rban
  3. 1

    Unten ist ein code-snippet, das funktioniert, aber ist nicht perfekt. Sie sehen immer noch das safari popup, aber alles andere funktioniert wie erwartet:

    <script type="text/javascript">
    var timer;
    var heartbeat;
    var lastInterval;

    function clearTimers() {
        clearTimeout(timer);
        clearTimeout(heartbeat);
    }

    window.addEventListener("pageshow", function(evt){
        clearTimers();
    }, false);

    window.addEventListener("pagehide", function(evt){
        clearTimers();
    }, false);

    function getTime() {
        return (new Date()).getTime();
    }

    //For all other browsers except Safari (which do not support pageshow and pagehide properly)
    function intervalHeartbeat() {
        var now = getTime();
        var diff = now - lastInterval - 200;
        lastInterval = now;
        if(diff > 1000) { //don't trigger on small stutters less than 1000ms
            clearTimers();
        }
    }

    function launch_app_or_alt_url(el) {
        lastInterval = getTime();
        heartbeat = setInterval(intervalHeartbeat, 200);
        document.location = 'myapp://customurl';
        timer = setTimeout(function () {
            document.location = 'http://alternate.url.com';
        }, 2000);
    }

    $(".source_url").click(function(event) {
        launch_app_or_alt_url($(this));
        event.preventDefault();
    });
</script>

    Habe ich gebloggt über die details hier: http://aawaara.com/post/74543339755/smallest-piece-of-code-thats-going-to-change-the-world

    InformationsquelleAutor amit_saxena
Schreibe einen Kommentar