如何使用JavaScript获取客户端的IP地址?

我需要以某种方式检索客户端的IP地址使用JavaScript;没有服务器端代码，甚至没有SSI。

然而，我并不反对使用免费的第三方脚本/服务。

当前回答

用Java脚本查找IP

为了获得IP地址，我正在对免费Web服务进行JSON调用。就像

[jsonip.com/json, ipinfo。Io /json, www.telize.com/geoip, ip-api.com/json, api.hostip.info/get_json.php]

并且我正在传递回调函数的名称，它将在请求完成时被调用。

<script type="text/javascript">
    window.onload = function () {
    var webService = "http://www.telize.com/geoip";
        var script = document.createElement("script");
        script.type = "text/javascript";
        script.src = webService+"?callback=MyIP";
        document.getElementsByTagName("head")[0].appendChild(script);
    };
    function MyIP(response) {
        document.getElementById("ipaddress").innerHTML = "Your IP Address is " + response.ip;
    }
</script>
<body>
    <form>
        <span id = "ipaddress"></span>
    </form>
</body>

对于XML响应代码

WebRTC不需要服务器支持。

2015-09-27 11:11:50

其他回答

你不能。你得问服务员。

2015-04-09 03:09:47

2021年更新:

正如最近一个新的Github存储库WebRTC - IP所示，你现在可以使用WebRTC泄露用户的公共IP地址。遗憾的是，由于逐渐转向mDNS(至少对于WebRTC)，这种泄漏不适用于私有ip，在这里完全解释了。然而，这里有一个工作演示:

getIPs()。然后(res =>文档) <剧本剧本src = " https://cdn.jsdelivr.net/gh/joeymalvinni/webrtc-ip/dist/bundle.dev.js " > < / >

这个存储库的编译源代码可以在这里找到。

(前情提要)最终更新

这个解决方案将不再工作，因为浏览器正在修复webrtc泄漏:有关更多信息，请阅读另一个问题:rtciccandidate不再返回IP

更新:我一直想做一个最小/丑陋版本的代码，所以这里是一个ES6承诺代码:

var findIP =新的承诺(r = > {var w =窗口,= new (w.RTCPeerConnection | | w.mozRTCPeerConnection | | w.webkitRTCPeerConnection) ({iceServers: []}), b = () = > {}; a.createDataChannel (" "); a.createOffer (c = > a.setLocalDescription (c, b, b), b), a.onicecandidate = c = >{尝试{c.candidate.candidate.match (/ ([0 - 9] {1,3} (\ [0 - 9] {1,3}) {3} | (a-f0-9) {1 4} (: [a-f0-9] {1 4}) {7}) / g) .forEach (r)}捕捉(e) {}}}) / * * /用法示例 findIP。然后(ip =>文档。写入('your ip: '， ip))。Catch (e => console.error(e))

注意:如果你想要用户的所有IP(这可能更多地取决于他的网络)，这个新的最小化代码将只返回一个IP，使用原始代码…

多亏了WebRTC，在WebRTC支持的浏览器中很容易获得本地IP(至少现在)。我修改了源代码，减少了行，不做任何stun请求，因为你只需要本地IP，而不是公共IP，下面的代码在最新的Firefox和Chrome中工作，只是运行代码片段并检查自己:

这里所发生的是，我们正在创建一个虚拟的对等端连接，为了让远程对等端与我们联系，我们通常彼此交换候选冰。读取ice candidate(从本地会话描述和onicecanddateevent)，我们可以知道用户的IP。

我从哪里获取代码——>源代码

2015-09-29 10:03:00

这里的大多数答案都“绕过”服务器端代码的需要……攻击别人的服务器。这是一种完全有效的技术，除非您确实需要在不访问服务器的情况下获得IP地址。

传统上，如果没有某种插件，这是不可能的(即使这样，如果你在NAT路由器后面，你可能会得到错误的IP地址)，但随着WebRTC的出现，实际上是有可能做到这一点…如果你的目标浏览器支持WebRTC(目前:Firefox, Chrome和Opera)。

请阅读mido的回答，了解如何使用WebRTC检索有用的客户端IP地址。

2008-12-24 18:25:00

试试这个

$.get("http://ipinfo.io", function(response) {
    alert(response.ip);
}, "jsonp");

$(document).ready(function () {
    $.getJSON("http://jsonip.com/?callback=?", function (data) {
        console.log(data);
        alert(data.ip);
    });
});

小提琴

2013-11-13 12:06:34

我将提供一个方法，当我想在html页面中存储信息时，我经常使用这个方法，并且希望我的javascript能够读取信息，而不需要实际地将参数传递给javascript。当您的脚本被外部引用而不是内联引用时，这尤其有用。

然而，它不符合“没有服务器端脚本”的标准。但是如果你可以在你的html中包含服务器端脚本，可以这样做:

将隐藏标签元素设置在html页面的底部，就在结束主体标签的上方。

你的标签看起来是这样的:

<label id="ip" class="hiddenlabel"><?php echo $_SERVER['REMOTE_ADDR']; ?></label>

一定要创建一个名为hiddenlabel的类，并设置visibility:hidden，这样就没有人真正看到这个标签。你可以用这种方式在隐藏标签中存储很多东西。

现在，在你的javascript中，检索存储在标签中的信息(在这种情况下是客户端的ip地址)，你可以这样做:

var ip = document.getElementById("ip").innerHTML;

现在你的变量“ip”等于ip地址。现在可以将ip传递给API请求了。

*编辑2年后* 两个小的改进:

我经常使用这种方法，但是调用标签class="data"，因为实际上，这是一种存储数据的方法。类名“hiddenlabel”是一个愚蠢的名字。

第二个修改是在样式表中，而不是visibility:hidden:

.data{
    display:none;
}

.．.是更好的方法。

2012-07-09 14:34:07

如何使用JavaScript获取客户端的IP地址?

推荐文章

最新文章

标签