有时候,我们需要对特定地区城市/国家的网站访客进行不同的网页跳转。比如,中国用户访问www.bing.com自动跳转到https://cn.bing.com。下面就是我实现的方法,分享给大家,顺便做个记录。
以前我用的公共接口,比如搜狐,新浪的都失效了。我调查了一下,只有太平洋网络IP地址查询Web接口可用。
接口代码如下
<script type="text/javascript" src="https://whois.pconline.com.cn/ipJson.jsp?callback=smldhz"></script>
返回的数据请自查。
如果是国外访客,显示没有省份名,返回的错误信息是, "err":"noprovince"
如果是国内反馈,会显示具体省份和城市名称,返回的错误信息为空,"err":""
所以我们可以通过下面方法实现国内访客自动跳转页面:
<script type="text/javascript">
function smldhz(json){
var err = json["err"]; //获取错误信息
if (err !== "noprovince"){
window.location.href='https://cn.bing.com'
}
}
</script>
js实现获取访客ip归属地+自动跳转页面完整代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>欢迎来到我的网页</title>
<meta name="referrer" content="no-referrer" />
</head>
<body>
<h1>欢迎来到我的网页</h1>
<p>测试国内用户是否跳转</p>
<script type="text/javascript">
function smldhz(json){
var err = json["err"]; //获取错误信息
if (err !== "noprovince"){
window.location.href='https://cn.bing.com'
}
}
</script>
<script type="text/javascript" src="https://whois.pconline.com.cn/ipJson.jsp?callback=smldhz"></script>
</body>
</html>
在head部分加上以下代码,解决跨域问题,否则可能失败:
<meta name="referrer" content="no-referrer" />
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。