javascript - 将移动浏览器深层链接到 native 应用程序 - 未安装应用程序时 Chrome 出现问题

Question

我有一个网页，我们将其命名为entry.html。

当用户进入此页面时，JavaScript 代码(见下文)会尝试将用户深层链接到 native iOS/Android 应用程序。

如果深层链接失败(可能是设备上未安装应用程序)，用户应该“回退”到另一个页面 - 我们将其称为 fallback.html。

这是在 entry.html 上运行的 JavaScript 代码:

$(function(){
    window.location = 'myapp://';
    setTimeout(function(){
        window.location = 'fallback.html';
    }, 500);
});

这是全网推荐的标准深度链接方法；尝试深层链接，如果超时触发，则意味着深层链接未发生 - 因此回退。

只要设备上安装了应用程序，就可以正常工作。

但如果未安装该应用，这就是尝试深层链接时的行为:

Mobile Safari:我看到一条警告消息，暂时显示“Safari 无法打开此页面...”，然后它正确回退到 fallback.html- 这是预期的行为。

移动 Chrome 是我的问题。

当应用程序未安装时，浏览器实际上会重定向到 myapp:// url，这当然是无效的 - 所以我得到一个“未找到”页面，然后跌倒 -不会发生返回。

最后 - 我的问题是:

如何修复我的代码，以便在移动 Chrome 上也会发生回退？就像移动 Safari 一样？

注意:我发现 LinkedIn 移动网站可以正确执行此操作，无论是否安装了该应用程序，无论是否安装了该应用程序，但我无法追踪负责它的代码:(

note2:我尝试附加一个 iframe 而不是 window.location = url，这仅适用于 Safari，移动 Chrome 在以下情况下不会进行深层链接即使安装了应用程序，也会附加 iFrame。

谢谢大家!

<小时/>

更新:

我找到了一个不错的解决方案，并回答了我自己的问题。请参阅我的解决方案已接受的答案。

Answer 1

对于感兴趣的人，我设法找到了一个不错的解决方案，通过在 Android 上深度链接 Chrome 来解决这些问题。

我放弃了 myapp:// 方法，我让它仅在 iOS 设备上起作用。

对于 Android 设备，我现在使用的 intents 与 myapp:// 协议(protocol)概念上不同。

我主要是一名 Web 开发人员，而不是 Android 开发人员，所以我花了一些时间来理解这个概念，但它非常简单。我将尝试在这里解释和演示我的解决方案(请注意，还有其他方法可以使用 intents 实现，但这个方法非常适合我)。

这是 Android 应用 list 中的相关部分，注册意图规则(请注意 android:scheme="http" - 我们稍后会讨论它):

<receiver android:name=".DeepLinkReceiver">
    <intent-filter >
        <data android:scheme="http" android:host="www.myapp.com" />
        <action android:name="android.intent.action.VIEW" />
        <category android:name="android.intent.category.BROWSABLE"/>
        <category android:name="android.intent.category.DEFAULT"/>
    </intent-filter>
</receiver>

现在，在应用 list 中声明这一点后，我将向自己发送一封电子邮件，其中包含 "http://www.myapp.com "。

当使用 Android 设备点击链接时，会出现一个“选择器”对话框，询问我想使用哪个应用程序打开以下内容？ [chrome，myapp]

点击“常规”url 时出现此对话框的原因是我们使用 http 方案注册了意图。

使用这种方法，深层链接甚至不在网页中进行处理，而是在点击 Android 应用 list 中定义的现有意图规则的匹配链接时，由设备本身进行处理。

是的，正如我所说，这种方法在概念上与 iOS 方法不同，后者从网页内调用深层链接，但它解决了问题，并且发挥了魔力。

注意:未安装应用程序时，不会出现选择器对话框，您只会导航到具有给定地址的实际网页(除非您有超过 1 个浏览器，所以你需要选择一个......但不要小气)。

我真的希望这可以帮助面临同样问题的人..希望我有这样的解释;-)

干杯。