二维码识别IOS或Android客户端

JS读取页面所在浏览器的平台是apple还是android，从而下载不同的客户端，实现一码智能多用的功能。
还可以根据平台的不同，由JS控制显示不同的帮助信息或者下载说明等。
<!DOCTYPE html><html>    <head>        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />        <title>扫描二维码下载</title>              </head>    <body>         <div id="ios_tips" style="display: none;">         <img alt="" src="tips1.png" width="100%">         <img alt="" src="tips2.png" width="100%">         </div>                  <div id="android_tips" style="display: none;text-align: center;margin-top: 200px;">         <img alt="" src="loading.gif" width="50%">         <h1>正在下载中......</h1>         </div>    </body>         <script type="text/javascript">            /*             * 智能机浏览器版本信息:             *             */            var browser = {                versions: function() {                    var u = navigator.userAgent, app = navigator.appVersion;                    return {//移动终端浏览器版本信息                        trident: u.indexOf('Trident') > -1, //IE内核                        presto: u.indexOf('Presto') > -1, //opera内核                        webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核                        gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核                        mobile: !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/), //是否为移动终端                        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 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器                        iPad: u.indexOf('iPad') > -1, //是否iPad                        webApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部                    };                }(),                language: (navigator.browserLanguage || navigator.language).toLowerCase()            }             if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) {                window.location="itms-services:///?action=download-manifest&url=xxxx/ios_app/manifest.plist";                document.getElementById("ios_tips").style.display="";                            }            else if (browser.versions.android) {            document.getElementById("android_tips").style.display="";                        window.location="xxx/vopcrm/bss/download.jhtml?type=0";                            }           // document.getElementById("ios_tips").style.display="";//            document.writeln("语言版本: " + browser.language);//            document.writeln(" 是否为移动终端: " + browser.versions.mobile);//            document.writeln(" ios终端: " + browser.versions.ios);//            document.writeln(" android终端: " + browser.versions.android);//            document.writeln(" 是否为iPhone: " + browser.versions.iPhone);//            document.writeln(" 是否iPad: " + browser.versions.iPad);//            document.writeln(navigator.userAgent);          </script></html>
更多相关文章

随机推荐
