javascript - 检查是否从网页安装了应用程序

Question

我有一个 iOS 和 Android 应用程序，并且正在构建相应的网站。我希望网页，如果使用移动设备打开，打开应用程序或其相应的应用程序商店页面(不使用 Facebook 应用程序链接)。在应用端，一切正常，包括 url 架构。

有人知道如何在没有外部服务的情况下使用 HTML 和 JS 实现此过程吗？

预先感谢您的帮助。

Answer 1

老实说，这对您自己实现来说有点痛苦。如果没有大量令人讨厌的边缘情况，就没有简单的方法来处理所有事情，最显着的是用户在没有安装您的应用程序时会看到的“无法打开页面”错误。直到 iOS 9，a合理的基本实现是将这样的 JavaScript 重定向放入您网站上的专用重定向页面:

setTimeout(function() {
  window.location = "https://yourdomain.com";
}, 25);

// If "yourapp://" is registered, the user will see a dialog
// asking if they want to open your app. If they agree, your
// app will launch immediately and the timer won't fire.
// If not installed, you'll get an ugly "Cannot Open Page" 
// dialogue and your fallback page will open when the timer expires.

window.location = "yourapp://";

不幸的是，这仍然会显示“无法打开页面”错误，但直到最近，才有可能通过使用此脚本的更细微版本以合理的用户友好方式解决此问题。可悲的是，Apple intentionally broke that with the iOS 9.2 update ，因此自定义 URL 方案现在对于深度链接实际上几乎没有用，除非您确定该应用程序已经安装在该设备上。

Apple 显然是在尝试推出更新的 Universal Links尽量标准。 Universal Links 让您可以使用普通的 http:// URL 访问您网站上的某个页面(该页面可以是一个简单的重定向到您想要的后备网页，而没有导致“无法打开页面”的自定义 URL 触发器'错误)，它会被您的手机拦截并直接发送到您的应用程序(如果已安装)。

要处理的事情太多了，所以最好的选择可能是像 Branch.io 这样的免费服务(完全披露:我与团队一起工作)负责所有技术方面的工作。您可以找到使用 Branch 服务的应用示例 here .