javascript - Vuejs - 检查移动应用程序是否安装

Question

我正在开发一个网络应用程序。我在其中进行了检查以确定链接是在移动设备还是笔记本电脑上打开。

consider the link to be: my-site.com

现在我的网站也有 Android 和 ios 上的移动应用程序。如果安装了 Android 应用程序并且我单击名为“开始”的按钮，它将在移动应用程序中打开该链接。

我想要实现的目标:

我想要实现的是，如果未安装 Android 应用程序并且单击“开始”按钮，那么它应该打开该应用程序的 Playstore 链接，如果已安装，则该按钮会转到该应用程序。

当前方法:

我已经检查了 device=mobile 以及设备是 android 的位置，打开 android 应用程序，设备是 ios 的位置，打开 ios 链接，但如果未安装应用程序，如何打开 Playstore/应用程序商店。

Answer 1

您可以检查浏览器的userAgent并添加Playstore的链接。如果安装了该应用程序，它将打开该应用程序，否则将打开 native 设备的 Playstore。

将此功能添加到按钮的单击事件中:

...
         if(navigator.userAgent.toLowerCase().indexOf("android") > -1){
             window.location.href = 
           'http://play.google.com/store/apps/details?id=PACKAGEURL';
     }
         if(navigator.userAgent.toLowerCase().indexOf("iphone") > -1){
             window.location.href = 
       'http://itunes.apple.com/lb/app/PACKAGEURL';
     }