前端直接获取用户IP的方法
前端直接获取用户IP的方法
简单来说就是使用两个接口
一个是太平洋网
<script src="//whois.pconline.com.cn/ipJson.jsp?callback=ipJson" type="text/javascript"></script> <script>
一个是ipify
<script type="application/javascript" src="https://api.ipify.org?format=jsonp&callback=getIP"></script>
很多方法都因为浏览器的升级导致获取不到,搜狐的经常是127.0.0.1,就不使用了
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!-- <script src="//whois.pconline.com.cn/ipJson.jsp?callback=ipJson" type="text/javascript"></script>
<script>
function ipJson(ipJson) {
console.log('获取到的网络IP',ipJson);
//可以把结果存在window上,方便调用
//window.ipJson=ipJson;
}
</script> -->
<script type="application/javascript">
function getIP(json) {
console.log('ipify获取到的网络IP',json.ip);
}
</script>
<script type="application/javascript" src="https://api.ipify.org?format=jsonp&callback=getIP"></script>
</body>
</html>
您能读到这儿,我呢是发自真心的感谢您,若要转载,还望请您带上链接
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 展开说说关于C#中ORM框架的用法!
2022-05-18 【Oracle】Oracle常用分析函数(排名)
2022-05-18 【Oracle】Oracle数据库,第N大数据取值