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

Javascript Vuejs-检查是否安装了移动应用程序,javascript,android,vue.js,conditional-statements,Javascript,Android,Vue.js,Conditional Statements,我正在开发一个web应用程序。在这里,我放置了一个检查,以确定链接是在移动设备上打开的还是在笔记本电脑上打开的 consider the link to be: my-site.com 现在,我的网站在android和ios上也有一个移动应用程序。如果安装了android应用程序,我单击一个名为“开始”的按钮,它会在移动应用程序中打开该链接 我想要实现的目标: 我想要实现的是,如果没有安装android应用程序,并且单击了“开始”按钮,那么它应该会打开应用程序的playstore链接,如果安装

我正在开发一个web应用程序。在这里,我放置了一个检查,以确定链接是在移动设备上打开的还是在笔记本电脑上打开的

consider the link to be: my-site.com
现在,我的网站在android和ios上也有一个移动应用程序。如果安装了android应用程序,我单击一个名为“开始”的按钮,它会在移动应用程序中打开该链接

我想要实现的目标:

我想要实现的是,如果没有安装android应用程序,并且单击了“开始”按钮,那么它应该会打开应用程序的playstore链接,如果安装了,则按钮会转到应用程序

当前方法:


我已经检查了device=mobile和设备为android的位置打开android应用程序和设备为ios的位置打开ios链接,但是如果未安装应用程序,如何打开playstore/app store。

您可以检查浏览器的用户代理,并向playstore添加链接。如果安装了应用程序,则会打开应用程序;如果未安装,则会打开本机设备的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';
     }

您可以检查浏览器的userAgent并添加到playstore的链接。如果安装了应用程序,则会打开应用程序;如果未安装,则会打开本机设备的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';
     }