【原创】识别pc端,安卓,ios跳转到不同地址,纯js代码实现。

这都是自己在用的代码,还是前两年在大学期间和我们班长一起弄的,很多时候比如广告落地页需要识别不同的设备跳转到不同的地址,这次咬咬牙分享出来,如果有转载的话,还是要标明是万能撸的出处呃,谢谢。

这可是小编和俺们班长,整理,修改的原创代码哟

下面直接撸上代码吧

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312"/>
    <title>go</title>
    <script type="text/javascript">
      //第一个是跳转到pc
      //第二个是安卓
       //第三个是ios
        //平台、设备和操作系统
        var system = {
            win: false,
            mac: false,
            xll: false,
            ipad:false
        };
        //检测平台
        var p = navigator.platform;
        system.win = p.indexOf("Win") == 0;
        system.mac = p.indexOf("Mac") == 0;
        system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
        system.ipad = (navigator.userAgent.match(/iPad/i) != null)?true:false;
        //跳转语句,如果是手机访问就自动跳转到wap页面
        var u = navigator.userAgent;
        var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
        var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
        var a =["<meta http-equiv=\"refresh\" content=\"0.1;url=http://www.zxflyy.net\">",
        "<meta http-equiv=\"refresh\" content=\"0.1;url=http://www.zxflyy.net\">",
        "<meta http-equiv=\"refresh\" content=\"0.1;url=http://www.zxflyy.net\">"]

        var b =["<meta http-equiv=\"refresh\" content=\"0.1;url=https://www.imhwu.com/gg/doubanav2\">",
        "<meta http-equiv=\"refresh\" content=\"0.1;url=https://www.imhwu.com/gg/doubanav2\">",
        "<meta http-equiv=\"refresh\" content=\"0.1;url=https://www.imhwu.com/gg/doubanav2\">"]
        if (system.win || system.mac || system.xll||system.ipad) {
            var num = Math.floor(Math.random() * a.length);
            document.write(a[num]);

        } else if(isAndroid){

            var num = Math.floor(Math.random() * b.length);
            document.write(b[num]);

        }
else
        {
            window.location.href = "http://mv.e8343.cn/?t=yya_37";
        }
    </script>
<style type="text/css">
body {background-color: #69bee6;font-family: "Microsoft Yahei";font-weight:blod;font-weight: bold;}
a {text-decoration:none}
@media (min-width:640px){
.div1 {width:640px;margin:0 auto}
}
@media (max-width:639px) and (min-width:200px){
.div1 {width:100%;margin:0 auto}
}
.logo {text-align:center;font-size:20px;margin:10px 0}
.div2 {text-align:left;font-size:20px;margin:10px 0}
.div3 {text-align:left;font-size:18px;margin:20px 0}
</style> <meta charset="utf-8" />
</head>
<body>

    <div class="div1">
<div class="logo">正在安全加载中</div>
<div class="div2">请稍等。。。</div></body>
</html>

html代码都是按照自己需求改的哈,可以直接复制js代码整理到所需要的页面中

声明:本文为原创,作者为 wannenglu,转载时请保留本声明及附带文章链接:http://www.wannenglu.com/70.html