快捷搜索:   nginx

使用百度API IP接口实现根据不同地区访客跳转不同地址 不同地区IP跳转不同网址

接到一个客户需求,需要实现

1、PC电脑端访问直接跳www.bnxb.com
2、移动端(北京上海广州深圳苏州杭州)跳cdn.bnxb.com 
3、其它正常


<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
  
    <script>
        
        function tiao(c) {
            console.log("City vistor:"+c.content.cname);
            if( c.content.cname.indexOf("u5317u4eac")>-1 || c.content.cname.indexOf("u4e0au6d77")>-1  || c.content.cname.indexOf("u5e7fu5dde")>-1 || c.content.cname.indexOf("u6df1u5733")>-1 ||  c.content.cname.indexOf("u82cfu5dde")>-1 || c.content.cname.indexOf("u676du5dde")>-1)  {
                //跳转
                console.log("跳到CDN.BN XB.COM");
                //跳转到CDN去
                location.href = "http://cdn.bnxb.com";
            }
        }
function uaredirect() {
var n = navigator.userAgent.toLowerCase();
if (n.indexOf('android')>-1 || n.indexOf('iphone')>-1 || n.indexOf('iPhone')>-1 || n.indexOf('ipod')>-1 || n.indexOf('ipad')>-1 || n.indexOf('ios')>-1){
tiao(c);
}
else {
//PC端跳转到www.b n x b.com 
            location.href = "http://www.bnxb.com";

}
}
uaredirect();

    </script>
 <script src="https://api.map.baidu.com/?qt=dec&oue=1&callback=tiao"></script>
 
</head>
<body>

</body>
</html>

这里因为百度是使用十六进制表示的中文地区名称,因此需要转换

转换的地址:https://tool.bnxb.com/changecode.html  


PS:楼下有人需要不管是不是电脑,手机都根据IP跳转

代码修改如下:

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
  
    <script>
        
        function tiao(c) {
            console.log("City vistor:"+c.content.cname);
            if( c.content.cname.indexOf("u5317u4eac")>-1 || c.content.cname.indexOf("u4e0au6d77")>-1  || c.content.cname.indexOf("u5e7fu5dde")>-1 || c.content.cname.indexOf("u6df1u5733")>-1 ||  c.content.cname.indexOf("u82cfu5dde")>-1 || c.content.cname.indexOf("u676du5dde")>-1)  {
                //跳转
                console.log("跳到CDN.BN XB.COM");
                //跳转到CDN去
                location.href = "http://cdn.bnxb.com";
            }
        }

tiao(c);

    </script>
 <script src="https://api.map.baidu.com/?qt=dec&oue=1&callback=tiao"></script>
 
</head>
<body>

</body>
</html>


顶(3)
踩(0)

您可能还会对下面的文章感兴趣:

最新评论