H5判断手机是否存在应用和打开应用

59 阅读 0 评论 39 点赞

我是靠谱客的博主丰富小松鼠，最近开发中收集的这篇文章主要介绍H5判断手机是否存在应用和打开应用，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

伪命题，其实js无法判断您的手机是否存在此应用，遇到这样的需求我们应该跟ios和Android开发的同事商量，需要他们给你一个url尝试打开，如果能打开就表示手机中有该应用，如果不能打开就表示手机没有这个应用

　//判断是不是ios应用
if (browser.versions.ios) {
　　　　　　　　　　　　//与ios同事约定好的链接
                    window.location = `com.simpleInteraction.BeeStore://keyId=${keyId}`;
                    setTimeout(function(){
　　　　　　　　　　　　　　//设置计时器如果两秒没有打开就跳转公司官网
                        window.location.href = 'http://www.beestore.io';
                    },2000)

　　　　　　　　　　//判断是不是Android应用
                }else if (browser.versions.android){
　　　　　　　　　　　　//与Android同事约定好的链接
                    window.location.href = `beestore://b11.app/openwith?keyId=${keyId}`;
                    setTimeout(function(){
　　　　　　　　　　　　　　//同理
                        window.location.href = 'http://www.beestore.io';
                    },2000)

                }

打开常用应用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>打开常用应用</title>
</head>
<body>
    <div><a href="weixin://">打开微信</a></div>
    <div><a href="mqq://">打开qq</a></div>
    <div><a href="taobao://">打开淘宝</a></div>
    <div><a href="alipay://">打开支付宝</a></div>
    <div><a href="photos-redirect://">打开照片</a></div>
    <div><a href="itms-apps://itunes.apple.com/WebObjects/MZStore.woa/wa/search?">打开appstore跳到搜索页</a></div>
    <div><a href="https://itunes.apple.com/cn/app/id477927812">跳转appstore下载百度贴吧页面</a></div>
</body>
</html>