ios - LinkedIn 如何抑制移动 safari "invalid address"警告，以便在未安装时深度链接到他们的 iOS 应用程序？

Question

对于指向未安装的 iOS 应用的链接，如何抑制移动 Safari 的“无效地址”警告？

我不想使用智能应用横幅(对用户体验的控制太少)。 我不想支付费用，也不想与第 3 方供应商集成($，依赖项)。

用例很容易理解: 在移动 Safari 中(例如在 iPhone 上):点击链接到我的移动网络友好页面(例如“www.example.com/mw-foo.html”)。如果安装了我的 native iOS 应用程序，将用户路由/重定向到其中的应用程序深层链接(例如“com.example.app://my-deeplink”)。 (请注意，从 mw url 到应用程序 uri 的映射很容易在 apache rewritemap 或 js 集合对象中管理，这是简单的部分。)真正的挑战是: 如果应用程序未安装，请优雅地抑制“无效地址”弹出警告(允许我决定它是 NOOP/留在 mw 页面上，还是将用户路由到应用程序商店以安装应用程序)。

如何解决这个糟糕的用户体验？我见过半生不熟的解决方案，涉及 iframe 注入(inject)和带有超时“魔数(Magic Number)”的竞争条件、pagehide 事件监听器和 window.location 覆盖……但它们似乎都无法可靠地绕过弹出窗口。一个看起来很接近的解决方案是这个: http://www.mazdigital.com/blog/post/2014/deep-links-on-mobile-browsers-demystified ...但它也不会阻止警告出现。

我曾考虑过宣布这是不可能的，除了一些大企业似乎已经做到了(例如 LinkedIn)。但我还没有成功地从外部对他们的方法进行逆向工程。

这里的一个好的解决方案将为社区(以及我个人)带来巨大的好处。如果有人能准确描述 LinkedIn 如何管理这一点，我将不胜感激。另外，提前感谢您提供有用的反馈/要点或帖子的链接，最好是您实际使用过并且可以担保的内容。谢谢!

PS 这不是真正的 DUP: how to prevent iOS safari alert when trying to open non-installed native app? 因为他们不回答 LinkedIn 是如何做的(而且那里的建议答案不起作用)。

Answer 1

他们正在使用智能横幅 API。

从他们触摸网页上的最小化代码(格式化):

 var smartBannerIOS = {};
(function(c) {
    c.initialize = function() {
        var a = c.createMetaTagContent();
        metaBanner = document.createElement("meta");
        metaBanner.setAttribute("name", "apple-itunes-app");
        metaBanner.setAttribute("content", a);
        document.getElementsByTagName("head")[0].appendChild(metaBanner)
    };
    c.createMetaTagContent = function() {
        var a = window.location.hash;
        a || (a = "#home");
        var b = "";
        b = a.indexOf("?") >= 0 ? "&smartbanner=1" : "?smartbanner=1";
        var d = $initMetrics && $initMetrics.getServerData();
        if (d && d.isLoggedIn)
            b += "&logged_in=1";
        b += "&session_id=" + 
        ($initMetrics && $initMetrics.sessionId);
        return "app-id=288429040, app-argument=" + ("linkedin://" + a + b)
    }
})(smartBannerIOS);

smartBannerIOS.initialize();

它的文档可以在这里找到:Apple Dev Docs - Promoting Apps with Smart App Banners