JS根据不同的客服端下载不同的app

2016-04-12 16:22:57
亲测可用。js检测客服端,根据不同的客服端,设置不同的链接。就喜欢简单粗暴的方式---直接贴码:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="applicable-device" content="mobile">
    <meta name="format-detection" content="telephone=no">
    <meta name="robots" content="all">
    <meta name="author" content="Skymoons">
    <meta name="copyright" content="Skymoons">
    <meta name="editor" content="Skymoons">
    <meta name="designer" content="Rose Zhao">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <title></title>
</head>
<body>
<a href="hahaha">下载应用</a><br/>
<script type="text/javascript">
    var ios="www.baidu.com";
    var and = "www.bing.com";
 
    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
                webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部
            };
        }(),
        language:(navigator.browserLanguage || navigator.language).toLowerCase()
    }
  
    document.writeln(" ios终端: "+browser.versions.ios+"<br/>");
    document.writeln(" android终端: "+browser.versions.android+"<br/>");
    
    if(browser.versions.ios){
    document.getElementsByTagName('a')[0].setAttribute('href', ios);
   
    }else if(browser.versions.android){
    document.getElementsByTagName('a')[0].setAttribute('href', and);
    }
 
 
//    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.*/), //是否为移动终端
//                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
//                webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部
//            };
//        }(),
//        language:(navigator.browserLanguage || navigator.language).toLowerCase()
//    }
//    document.writeln("语言版本: "+browser.language+"<br/>");
//    document.writeln(" 是否为移动终端: "+browser.versions.mobile+"<br/>");
//    document.writeln(" ios终端: "+browser.versions.ios+"<br/>");
//    document.writeln(" android终端: "+browser.versions.android+"<br/>");
//    document.writeln(" 是否为iPhone: "+browser.versions.iPhone+"<br/>");
//    document.writeln(" 是否iPad: "+browser.versions.iPad+"<br/>");
//    document.writeln(navigator.userAgent);
</script>
 
</body>
</html>

关于

联系方式 :

mail: hey_cool@163.com ,
QQ:583459700

备案许可证编号:蜀ICP备16005545号-1 © COPYRIGHT 2015-2024 zhmzjl.com | by: KAPO