一个二维码扫码下载两种平台app

最新推荐文章于 2024-05-30 15:03:13 发布

jkxqj

最新推荐文章于 2024-05-30 15:03:13 发布

阅读量1.2w

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/jkxqj/article/details/48734953

本文介绍了一种基于二维码扫码的手机APP自动识别与下载方案，能够智能判断客户端是iOS还是Android设备，并跳转到相应的APP下载链接。

<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta name="format-detection" content="telephone=no" />
    <meta name="msapplication-tap-highlight" content="no" />
    <meta name="viewport" content="user-scalable=no,minimum-scale=1,maximum-scale=1 width=device-width"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>手机APP下载</title>
    <script src="js/jquery.js"></script>
   
</head>

<body>
<center>
 <h2 id="tips">页面跳转中，请稍后……</h2>
 
 </center>
 <script type="text/javascript">
        var browser = {
            versions: function () {
                    var u = navigator.userAgent, app = navigator.appVersion;
                    return { //移动终端浏览器版本信息
                    ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
                    android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器
                    iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
                    iPad: u.indexOf('iPad') > -1//是否iPad
                };
            }()
        }
         if (browser.versions.iPhone || browser.versions.iPad || browser.versions.ios) {
                   window.location.href = "ios app下载地址";
            }
            else{
                var tips = '请点击右上角的<span style="color:red">在浏览器中打开</span>进行下载。';
                var h1 = document.getElementById("tips");
                h1.innerHTML = tips;
                window.location.href = "android app下载地址";
            }
        
    </script>
</body>

</html>

功能简介：

ios和android 两个平台的app，通过一个二维码扫码后自动识别客户端是什么手机，苹果手机则跳转到苹果app的下载链接，安卓手机则跳转到安卓app的下载地址。