使用百度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)
- 最新评论