560

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

但是，我不反对使用免费的第三方脚本/服务。

javascript jquery ip-address

— 飞特警
source

770

我将使用可以返回JSON的Web服务（与jQuery一起使事情更简单）。以下是我可以找到的所有免费的活动 IP查找服务以及它们返回的信息。如果您知道更多信息，请添加评论，我将更新此答案。

数据库IP

试试看： http : //api.db-ip.com/addrinfo? api_key= < 您的api密钥 >＆addr = < IP地址 >

返回值：

{
  "address": "116.12.250.1",
  "country": "SG",
  "stateprov": "Central Singapore",
  "city": "Singapore"
}

局限性：

每天2,500个请求
不支持JSONP回调
需要IP地址参数
需要电子邮件地址以获取您的API密钥
免费计划没有SSL（https）

千兆字节

试试看： http : //gd.geobytes.com/GetCityDetails

$.getJSON('http://gd.geobytes.com/GetCityDetails?callback=?', function(data) {
  console.log(JSON.stringify(data, null, 2));
});

返回值：

{
  "geobytesforwarderfor": "",
  "geobytesremoteip": "116.12.250.1",
  "geobytesipaddress": "116.12.250.1",
  "geobytescertainty": "99",
  "geobytesinternet": "SA",
  "geobytescountry": "Saudi Arabia",
  "geobytesregionlocationcode": "SASH",
  "geobytesregion": "Ash Sharqiyah",
  "geobytescode": "SH",
  "geobyteslocationcode": "SASHJUBA",
  "geobytescity": "Jubail",
  "geobytescityid": "13793",
  "geobytesfqcn": "Jubail, SH, Saudi Arabia",
  "geobyteslatitude": "27.004999",
  "geobyteslongitude": "49.660999",
  "geobytescapital": "Riyadh ",
  "geobytestimezone": "+03:00",
  "geobytesnationalitysingular": "Saudi Arabian ",
  "geobytespopulation": "22757092",
  "geobytesnationalityplural": "Saudis",
  "geobytesmapreference": "Middle East ",
  "geobytescurrency": "Saudi Riyal",
  "geobytescurrencycode": "SAR",
  "geobytestitle": "Saudi Arabia"
}

局限性：

每小时16,384个请求
免费计划没有SSL（https）
可能返回错误的位置（我在新加坡，而不是沙特阿拉伯）

ipdata.co

试试看： https : //api.ipdata.co

$.getJSON('https://api.ipdata.co', function(data) {
  console.log(JSON.stringify(data, null, 2));
});

返回值：

{
  "ip": "116.12.250.1",
  "city": "Singapore",
  "region": "Central Singapore Community Development Council",
  "region_code": "01",
  "country_name": "Singapore",
  "country_code": "SG",
  "continent_name": "Asia",
  "continent_code": "AS",
  "latitude": 1.2931,
  "longitude": 103.8558,
  "asn": "AS3758",
  "organisation": "SingNet",
  "postal": "",
  "calling_code": "65",
  "flag": "https://ipdata.co/flags/sg.png",
  "emoji_flag": "\ud83c\uddf8\ud83c\uddec",
  "emoji_unicode": "U+1F1F8 U+1F1EC",
  "is_eu": false,
  "languages": [
    {
      "name": "English",
      "native": "English"
    },
    {
      "name": "Malay",
      "native": "Bahasa Melayu"
    },
    {
      "name": "Tamil",
      "native": "\u0ba4\u0bae\u0bbf\u0bb4\u0bcd"
    },
    {
      "name": "Chinese",
      "native": "\u4e2d\u6587"
    }
  ],
  "currency": {
    "name": "Singapore Dollar",
    "code": "SGD",
    "symbol": "S$",
    "native": "$",
    "plural": "Singapore dollars"
  },
  "time_zone": {
    "name": "Asia/Singapore",
    "abbr": "+08",
    "offset": "+0800",
    "is_dst": false,
    "current_time": "2018-05-09T12:28:49.183674+08:00"
  },
  "threat": {
    "is_tor": false,
    "is_proxy": false,
    "is_anonymous": false,
    "is_known_attacker": false,
    "is_known_abuser": false,
    "is_threat": false,
    "is_bogon": false
  }
}

局限性：

每天1,500个请求
需要电子邮件地址以获取您的API密钥
需要SSL（https）

ipstack（以前是freegeoip.net）

尝试： http : //api.ipstack.com/ < IP地址 >？access_key = <您的api密钥>

$.getJSON('http://api.ipstack.com/<ip_address>?access_key=<your_api_key>', function(data) {
  console.log(JSON.stringify(data, null, 2));
});

返回值：

{
    "ip": "116.12.250.1",
    "type": "ipv4",
    "continent_code": "AS",
    "continent_name": "Asia",
    "country_code": "SG",
    "country_name": "Singapore",
    "region_code": "01",
    "region_name": "Central Singapore Community Development Council",
    "city": "Singapore",
    "zip": null,
    "latitude": 1.2931,
    "longitude": 103.8558,
    "location": {
        "geoname_id": 1880252,
        "capital": "Singapore",
        "languages": [{
            "code": "en",
            "name": "English",
            "native": "English"
        },
        {
            "code": "ms",
            "name": "Malay",
            "native": "Bahasa Melayu"
        },
        {
            "code": "ta",
            "name": "Tamil",
            "native": "\u0ba4\u0bae\u0bbf\u0bb4\u0bcd"
        },
        {
            "code": "zh",
            "name": "Chinese",
            "native": "\u4e2d\u6587"
        }],
        "country_flag": "http:\/\/assets.ipstack.com\/flags\/sg.svg",
        "country_flag_emoji": "\ud83c\uddf8\ud83c\uddec",
        "country_flag_emoji_unicode": "U+1F1F8 U+1F1EC",
        "calling_code": "65",
        "is_eu": false
    }
}

局限性：

每月10,000个请求
需要IP地址参数
需要注册才能获取您的API密钥
免费计划没有SSL（https）

JSON测试

试试看： http : //ip.jsontest.com/

$.getJSON('http://ip.jsontest.com/?callback=?', function(data) {
  console.log(JSON.stringify(data, null, 2));
});

返回值：

{
  "ip": "116.12.250.1"
}

局限性：

没有SSL（https）
下降很多（超过配额），所以我不会将其用于生产
如果您有一个，则返回IPv6地址，该地址可能不是您想要的

udo堂

试试看： https : //geoip.nekudo.com/api

$.getJSON('https://geoip.nekudo.com/api', function(data) {
  console.log(JSON.stringify(data, null, 2));
});

返回值：

{
  "city": "Singapore",
  "country": {
    "name": "Singapore",
    "code": "SG"
  },
  "location": {
    "accuracy_radius": 50,
    "latitude": 1.2855,
    "longitude": 103.8565,
    "time_zone": "Asia/Singapore"
  },
  "ip": "116.12.250.1"
}

局限性：

使用EasyPrivacy列表被广告阻止者阻止

请记住，由于这些都是免费服务，因此在超出配额和正常运行时间方面，您的里程可能会有所不同，谁知道何时/是否将它们离线离线（图A：Telize）。如果您想要更多功能（例如SSL支持），这些服务中的大多数还提供付费层。

另外，正如skobaljic在以下评论中指出的那样，请求配额大部分是学术性的，因为这是在客户端发生的，并且大多数最终用户永远不会超过配额。

更新

2016/2/1：删除了Telize（不再提供免费计划）
2016年4月18日：删除了freegeoip.net（停止服务）
2016/4/26：添加了DB-IP
4/26/2016：添加了黑客目标
2016年7月6日：恢复freegeoip.net
2016年7月6日：删除了ip-json.rhcloud.com（无效链接）
2016年12月21日：删除了“ 黑客目标”（已停用）
2/10/2017：添加了Nekudo
2017/4/20：添加了ipapi.co（感谢Ahmad Awais）
2017/4/24：恢复黑客目标
4/24/2017：删除了Snoopi.io（停止服务）
2017年7月16日：添加了IP查找（感谢JordanC）
2017年7月16日：更新了不支持SSL的免费计划的限制
9/25/2017：添加了愚蠢的Web工具（感谢Cœur）
2018/3/16：添加了Ipdata.co（感谢Jonathan）
2018/4/14：将freegeoip.net重命名为ipstack（感谢MA-Maddin）
2018/4/16：添加了GeoIPLookup.io（感谢Rob Waa）
6/11/2018：添加了ipgeolocation（感谢Ejaz Ahmed）
2019/7/31：添加了Ipregistry（感谢Laurent）
2019年8月16日：添加了SmartIP.io（感谢kevinj）
8/22/2019：删除了愚蠢的Web工具（停止服务）
12/8/2019：更改的智能IP月费限制
12/10/2019：添加了Cloudflare
1/9/2020：删除了SmartIP.io（停止服务）

— 土安
source

3

@AfolabiOlaoluwaAkinwumi您可以尝试这样的事情：

$.getJSON('//freegeoip.net/json/?callback=?', function(data) {   if (!data || !data.ip) alert('IP not found'); }).fail(function() {   alert('$.getJSON() request failed'); });

— thdoan

1

@skobaljic Re。限制通常没有任何意义：好处，也许是远离需要api密钥的原因，因为可以计算密钥的使用量。

— 尼克·莱斯

2

@JohnWeisz是的，但是如果OP仅意味着他们只能更新页面而不能在服务器端执行任何操作（问题尚不清楚），则这些选项可以很好地回答问题。

— 尼克·莱斯

1

@RobWaa，谢谢，我在4/14更新中添加了广告拦截器限制。我将很快添加geoiplookup.io。

— thdoan '18

1

所有这些答案都依赖于第三方服务，这是一个很大的缺点，不仅是因为您依赖该服务及时响应，而且还因为它不响应并且您没有设置适当的超时时间（这总是会发生的时间要晚一些），这将延迟页面的加载时间，这根本不好。那么，为什么不仅仅使用您自己的服务器来返回客户端的IP呢？顺便说一句，对于任何编程语言而言，这都是一项微不足道的任务。

— 丹尼尔·

280

最终更新

此解决方案将不再起作用，因为浏览器正在修复webrtc泄漏：有关该问题的更多信息，请阅读另一个问题：RTCIceCandidate不再返回IP

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

var findIP = new Promise(r=>{var w=window,a=new (w.RTCPeerConnection||w.mozRTCPeerConnection||w.webkitRTCPeerConnection)({iceServers:[]}),b=()=>{};a.createDataChannel("");a.createOffer(c=>a.setLocalDescription(c,b,b),b);a.onicecandidate=c=>{try{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)}catch(e){}}})

/*Usage example*/
findIP.then(ip => document.write('your ip: ', ip)).catch(e => console.error(e))

展开摘要

注意：如果您希望用户的所有IP（可能取决于用户的网络而定），请使用原始代码，这个新的压缩代码将仅返回单个IP ...

多亏了WebRTC，在支持WebRTC的浏览器中很容易获得本地IP（至少现在如此）。我已经修改了源代码，减少了行数，没有发出任何眩晕请求，因为您只需要本地IP，而不是公共IP，下面的代码在最新的Firefox和Chrome中有效，只需运行代码段并检查一下即可：

function findIP(onNewIP) { //  onNewIp - your listener function for new IPs
  var myPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection; //compatibility for firefox and chrome
  var pc = new myPeerConnection({iceServers: []}),
    noop = function() {},
    localIPs = {},
    ipRegex = /([0-9]{1,3}(\.[0-9]{1,3}){3}|[a-f0-9]{1,4}(:[a-f0-9]{1,4}){7})/g,
    key;

  function ipIterate(ip) {
    if (!localIPs[ip]) onNewIP(ip);
    localIPs[ip] = true;
  }
  pc.createDataChannel(""); //create a bogus data channel
  pc.createOffer(function(sdp) {
    sdp.sdp.split('\n').forEach(function(line) {
      if (line.indexOf('candidate') < 0) return;
      line.match(ipRegex).forEach(ipIterate);
    });
    pc.setLocalDescription(sdp, noop, noop);
  }, noop); // create offer and set local description
  pc.onicecandidate = function(ice) { //listen for candidate events
    if (!ice || !ice.candidate || !ice.candidate.candidate || !ice.candidate.candidate.match(ipRegex)) return;
    ice.candidate.candidate.match(ipRegex).forEach(ipIterate);
  };
}



var ul = document.createElement('ul');
ul.textContent = 'Your IPs are: '
document.body.appendChild(ul);

function addIP(ip) {
  console.log('got ip: ', ip);
  var li = document.createElement('li');
  li.textContent = ip;
  ul.appendChild(li);
}

findIP(addIP);

<h1> Demo retrieving Client IP using WebRTC </h1>

展开摘要

这里发生的是，我们正在创建一个虚拟对等连接，并且为了使远程对等体与我们联系，我们通常会相互交换ice候选对象。并从本地会话描述和onIceCandidateEvent中读取ice候选对象，我们可以告诉用户IP。

我从-> 源代码获取代码的地方

— 美度
source

12

在这里投票，因为在这里写下了最佳答案，也感谢GitHub的出色仓库！

— 卡诺

28

警告：这不会显示您的公共IP，而仅显示本地网络IP。您不能使用它来检测用户所在的国家（例如，如果他们位于局域网中）

— FloatingRock

1

@FloatingRock也可以使用STUN服务器检索公共IP（并在创建对等方时对其进行配置），然后再次要求您维护/使用STUN服务器，将服务器代码带入图片。

— 2016年

10

这称为WebRTC泄漏。应该由所有市长浏览器修复，但不是。此处的更多信息：privacytools.io/webrtc.html可能与Tor浏览器泄漏您的real-ip有关。

— 卡皮汀·威巴德

1

-虽然，我已经喜欢上了答案，客户可以通过禁用的WebRTC路过这个过程restoreprivacy.com/webrtc-leaks

— ni8mr

175

您可以通过JSONP通过服务器端进行中继

在搜寻时找到它的同时，在SO中找到了它。我可以使用客户端Javascript执行DNS查找（从主机名到IP地址）吗？

<script type="application/javascript">
    function getip(json){
      alert(json.ip); // alerts the ip address
    }
</script>

<script type="application/javascript" src="http://www.telize.com/jsonip?callback=getip"></script>

注意： telize.com API已于2015年11月15日永久关闭。

— 乍得格兰特
source

45

尽管我很欣赏此片段，但我认为加载JavaScript文本内容并通过函数进行评估会带来严重的安全风险。如果响应的内容发生变化，并且所有在此投票并可能使用了该摘要的100多个人最终都调用了可能包含不安全内容的功能，该怎么办？仅当它是JSON字符串时，我才使用它。

— auco 2013年

32

Error Over Quota This application is temporarily over its serving quota. Please try again later.

— 布拉德M

28

这不是一个好答案，因为它涉及服务器端请求。该问题明确指出“纯javascript”。

— 米卡2014年

2

Micah，用纯JavaScript无法获得IP地址。我建议您对NAT及其工作原理进行一些阅读。您需要一台服务器来将您的Internet IP地址回显给您

— Chad Grant

11

现在服务已关闭。

— Cyril N.

109

这里的大多数答案都是通过...攻击他人的服务器来“解决”对服务器端代码的需求。除非您确实需要在不访问服务器的情况下获取IP地址，否则这是一种完全有效的技术。

传统上，没有某种插件是不可能的（即使那样，如果您位于NAT路由器后面，您可能会得到错误的 IP地址），但是随着WebRTC的出现，实际上可以做到这一点。。如果您要定位支持WebRTC的浏览器（当前：Firefox，Chrome和Opera）。

请阅读mido的答案，以获取有关如何使用WebRTC检索有用的客户端IP地址的详细信息。

— 刺9
source

23

@oscar：这似乎与乍得在其答案中提到的技术（JSONP返回的服务器可见IP）相同。这与OP的“无服务器端代码”要求不符。但是，是的，如果您忽略了这一要求，那是实现它的一种方法。

— Shog9年

由于WebRTC，此答案已过时：stackoverflow.com/questions/20194722/…–

— Akam

1

更新，@ Akam。您应该给Mido提供一些支持，以便在几个月前指出这一点（在YEARS年的人们发布令人尴尬的错误答案之后，仍然需要服务器支持）。

— Shog9，2013年

WebRTC现在得到更广泛的支持吗？

— oldboy

1

根据该“ CanIUse”链接，它是@BugWhisperer。除非您需要IE。

— Shog9

81

您可以对hostip.info或类似服务进行ajax调用...

function myIP() {
    if (window.XMLHttpRequest) xmlhttp = new XMLHttpRequest();
    else xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

    xmlhttp.open("GET","http://api.hostip.info/get_html.php",false);
    xmlhttp.send();

    hostipInfo = xmlhttp.responseText.split("\n");

    for (i=0; hostipInfo.length >= i; i++) {
        ipAddress = hostipInfo[i].split(":");
        if ( ipAddress[0] == "IP" ) return ipAddress[1];
    }

    return false;
}

另外，地理定位信息会在同一调用中返回。

— 马耳他
source

6

您还可以使用api.hostip.info/get_json.php获取JSON表示形式，然后使用浏览器功能jQuery或Prototype解析JSON。

— 布拉德·佛肯斯

2

“ api.hostip.info/get_html.php ” 是否有任何请求限制？我在哪里可以看到这个API的细节

— 纳文莱昂

它返回网络防火墙的IP。不是实际的客户端IP。有没有办法可以获取实际的客户端IP？

— Leela Addagulla

76

尝试这个

$.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);
    });
});

小提琴

— 斯里达河
source

这个工作$ .get（“ ipinfo.io ”，function（response）{alert（response.ip）;}，“ jsonp”）; 但是如何将值存储到变量中？它似乎消失在此get请求循环之外

1

有关所有免费IP查找服务的列表，请参阅我的stackoverflow.com/questions/391979/…的

— thdoan '16

如何发送此函数以返回ip的值？

— Neftali Acosta，

67

你不能您必须询问服务器。

— 史蒂夫·谢弗
source

5

这不能为问题提供答案。要批评或要求作者澄清，请在其帖子下方发表评论。

— Himanshu 2015年

28

但这确实是吧？我的意思是，如果答案只是“不，您不能”，那么我认为这是一个比当前建议的“在这里使用此随机appspot应用程序”更正确的答案，这似乎是一个危险的答案。列表的顶部。

— SteveShaffer 2015年

16

IMO这是正确的答案，应该接受。该问题专门说“没有服务器端代码”。

— matthewwithanm 2015年

stackoverflow.com/questions/20194722/...

— 阿卡姆

2

@matthewwithanm我完全同意。我正在浏览所有答案，以查看是否有人说过这句话-并准备自己提供答案。所有获得高度评价的答案，虽然内容丰富，但都回答了一个不同的问题。提出问题：“我需要以某种方式使用纯JavaScript提取客户端的IP地址；没有服务器端代码，甚至没有SSI。” 实际上，这个答案是正确的答案。沙盒浏览器的Javascript无法执行此操作（无论NAT或代理如何）。如果要接受其他答案之一，则应更改该问题。

— wally

64

别再看了

查看http://www.ipify.org/

根据他们：

您可以无限使用（即使您每分钟执行数百万个请求）。

ipify是完全开源的（请查看GitHub存储库）。

这是一个有效的JS示例（而不是想知道为什么这个答案投票这么少，请自己尝试一下以查看实际效果）：

<script>
function getIP(json) {
  alert("My public IP address is: " + json.ip);
}
</script>
<script src="https://api.ipify.org?format=jsonp&callback=getIP"></script>

太懒于复制/粘贴？我喜欢。这是一个演示

懒得点击？ :O

注意：在运行演示之前请关闭Adblock Plus / uBlock＆co ..否则，它将无法正常工作。

我与IPify团队无关。我只是认为有人为一般利益提供这样的服务真是太荒谬了。

— 浮岩
source

4

最好的部分是，这来自“ https”，而我对http IP助手的调用将被阻止，因为它们“不安全”。

— Tessa

嘿，它向我显示了CORS错误，该怎么办？

— saberprashant

@saberprashant您在使用“ HTTPS”吗？

— FloatingRock

@FloatingRock，不，我正在使用HTTP

— saberprashant

26

您可以为此使用我的服务http://ipinfo.io，它将为您提供客户端IP，主机名，地理位置信息和网络所有者。这是一个记录IP的简单示例：

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

这是一个更详细的JSFiddle示例，该示例还打印了完整的响应信息，因此您可以看到所有可用的详细信息：http : //jsfiddle.net/zK5FN/2/

— 本·道林
source

为避免出现混合内容政策问题，请更改http://ipinfo.io为//ipinfo.io或https

— Samuel Elh '18

我们想使用您的服务，您是否对Stackoverflow用户有任何折扣优惠？

— Mehdi Dehghani

@MehdiDehghani，我们每月最多可免费获得5万个请求，带反向链接的则为10万个-请参阅ipinfo.io/contact/creditlink

— Ben Dowling

19

在您的页面中包含以下代码： <script type="text/javascript" src="http://l2.io/ip.js"></script>

更多文档在这里

— L2.IO
source

1

嗯看起来很有趣...他们有什么限制？

— indapublic

1

离线图书馆

— riccardo.tasso18年

与l2.io相关的垃圾邮件弹出窗口在某种程度上与ref：hybrid-analysis.com/sample/…允许嵌入链接，如示例117.254.84.212:3000/getjs?nadipdata= “ {” url“：” / ip.js？var = myip“，” host“：” l2.io“，” referer“：” website.com/…}“＆screenheight = 768＆screenwidth = 1366＆tm = 1557565256073＆lib = true＆fingerprint = c2VwLW5vLXJJlZGlyZWN0

— Wayne

16

我想说乍得和马耳他有很好的答案。但是，它们很复杂。因此，我建议我根据国家/地区插件从广告中找到的这段代码

<script>
<script language="javascript" src="http://j.maxmind.com/app/geoip.js"></script>
<script language="javascript">
mmjsCountryCode = geoip_country_code();
mmjsCountryName = geoip_country_name();

</script>

没有阿贾克斯只是普通的javascript。：D

如果您访问http://j.maxmind.com/app/geoip.js，则会看到其中包含

function geoip_country_code() { return 'ID'; }
function geoip_country_name() { return 'Indonesia'; }
function geoip_city()         { return 'Jakarta'; }
function geoip_region()       { return '04'; }
function geoip_region_name()  { return 'Jakarta Raya'; }
function geoip_latitude()     { return '-6.1744'; }
function geoip_longitude()    { return '106.8294'; }
function geoip_postal_code()  { return ''; }
function geoip_area_code()    { return ''; }
function geoip_metro_code()   { return ''; }

它还没有真正回答问题，因为

http://j.maxmind.com/app/geoip.js不包含IP（尽管我敢打赌它使用IP来获取国家/地区）。

但是，制作弹出类似以下内容的PhP脚本非常容易

function visitorsIP()   { return '123.123.123.123'; }

做那个。放在http://yourdomain.com/yourip.php上。

然后做

<script language="javascript" src="http://yourdomain.com/yourip.php"></script>

这个问题专门提到不要使用第三方脚本。没有别的办法了。Javascript无法识别您的IP。但是可以通过javascript访问的其他服务器也可以正常工作。

— 用户4951
source

7

从远程服务器加载JavaScript并调用内容未知的函数对我来说似乎是一个巨大的安全隐患（如果函数内容发生变化该怎么办？）。我宁愿解析JSON响应。

— auco 2013年

3

错误404：找不到对象

— trejder 2015年

已经很长时间了。，答案实际上是错误的。我不知道javascript不知道IP。

— user4951

哦，没错，VisitorsIP函数并非旨在成为php代码。这是由php代码生成的javacript代码

— user4951

您可以只使用自己的服务器，然后打印分配访问者IP的JavaScript代码。

— user4951

15

这个问题有两种解释。大多数人将“客户端IP”解释为Web服务器在LAN外部和Internet上看到的公共IP地址。但是，在大多数情况下，这不是客户端计算机的IP地址。

我需要运行托管我的JavaScript软件的浏览器的计算机的真实IP地址（几乎总是位于NAT层后面的LAN上的本地IP地址）。

Mido在上面发布了一个FANTASTIC答案，这似乎是唯一真正提供客户端IP地址的答案。

谢谢你，美度！

但是，提供的功能异步运行。我需要在代码中实际使用IP地址，并且使用异步解决方案，我可能会尝试在检索/学习/存储IP地址之前使用它。我必须能够等待结果到达后才能使用它们。

这是Mido功能的“等待”版本。我希望它可以帮助其他人：

function findIP(onNewIP) { //  onNewIp - your listener function for new IPs
    var promise = new Promise(function (resolve, reject) {
        try {
            var myPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection; //compatibility for firefox and chrome
            var pc = new myPeerConnection({ iceServers: [] }),
                noop = function () { },
                localIPs = {},
                ipRegex = /([0-9]{1,3}(\.[0-9]{1,3}){3}|[a-f0-9]{1,4}(:[a-f0-9]{1,4}){7})/g,
                key;
            function ipIterate(ip) {
                if (!localIPs[ip]) onNewIP(ip);
                localIPs[ip] = true;
            }
            pc.createDataChannel(""); //create a bogus data channel
            pc.createOffer(function (sdp) {
                sdp.sdp.split('\n').forEach(function (line) {
                    if (line.indexOf('candidate') < 0) return;
                    line.match(ipRegex).forEach(ipIterate);
                });
                pc.setLocalDescription(sdp, noop, noop);
            }, noop); // create offer and set local description

            pc.onicecandidate = function (ice) { //listen for candidate events
                if (ice && ice.candidate && ice.candidate.candidate && ice.candidate.candidate.match(ipRegex)) {
                    ice.candidate.candidate.match(ipRegex).forEach(ipIterate);
                }
                resolve("FindIPsDone");
                return;
            };
        }
        catch (ex) {
            reject(Error(ex));
        }
    });// New Promise(...{ ... });
    return promise;
};

//This is the callback that gets run for each IP address found
function foundNewIP(ip) {
    if (typeof window.ipAddress === 'undefined')
    {
        window.ipAddress = ip;
    }
    else
    {
        window.ipAddress += " - " + ip;
    }
}

//This is How to use the Waitable findIP function, and react to the
//results arriving
var ipWaitObject = findIP(foundNewIP);        // Puts found IP(s) in window.ipAddress
ipWaitObject.then(
    function (result) {
        alert ("IP(s) Found.  Result: '" + result + "'. You can use them now: " + window.ipAddress)
    },
    function (err) {
        alert ("IP(s) NOT Found.  FAILED!  " + err)
    }
);

<h1>Demo "Waitable" Client IP Retrieval using WebRTC </h1>

展开摘要

— 布雷
source

14

有一种更简单，免费的方法，它不会要求您的访客获得任何许可。

它包括向http://freegeoip.net/json提交一个非常简单的Ajax POST请求。接收到位置信息后，您可以使用JSON通过更新页面或重定向到新页面来做出相应的反应。

这是您提交位置信息请求的方式：

jQuery.ajax( { 
  url: '//freegeoip.net/json/', 
  type: 'POST', 
  dataType: 'jsonp',
  success: function(location) {
     console.log(location)
  }
} );

— 吉乔·波洛丝（Jijo Paulose）
source

看来他们已于2018

— Nithin PH '18

13

好吧，我偏离了这个问题，但是今天我有类似的需求，尽管我无法使用Javascript从客户端找到ID，但是我做了以下工作。

在服务器端：-

<div style="display:none;visibility:hidden" id="uip"><%= Request.UserHostAddress %></div>

使用JavaScript

var ip = $get("uip").innerHTML;

我正在使用ASP.Net Ajax，但可以使用getElementById代替$ get（）。

发生的是，我在页面上隐藏了div元素，并从服务器呈现了用户的IP。比起Java，我只是加载了那个值。

这可能对像您这样有类似要求的人（像我一样，但我还没有弄清楚）有帮助。

干杯!

— 西里尔·古普塔
source

20

-1：OP专门提到“没有服务器端代码”，但是您使用了一些C＃。

— 布鲁诺·雷斯

8

只输出更好<script>var uip='<%= Request.UserHostAddress %>';</script>吗？

— 克里斯·海恩斯

除了使用服务器端代码外，永远不要使用DOM来存储数据。这太糟糕了。Hainesy有一个更好的主意，就是只分配给JS var。

— coblr 2015年

13

通过使用Smart-IP.net Geo-IP API。例如，通过使用jQuery：

$(document).ready( function() {
    $.getJSON( "http://smart-ip.net/geoip-json?callback=?",
        function(data){
            alert( data.host);
        }
    );
});

— 米库斯
source

15

“服务临时不可用”。

— Iago

编写了一个简单的api [ geoip.immanuel.co/myip]以获取客户端ip地址，启用了ssl并且没有限制

— Immanuel

12

通常，除非您使用某种外部服务，否则不可能。

— 尤金·拉祖金（Eugene Lazutkin）
source

确实，可以通过依赖第三方服务（例如Ipregistry）来使用Javascript （免责声明：我运行该服务）：ipregistry.co/docs/getting-location-from-ip-address#javascript 您可以获取IP地址以及许多相关信息（包括威胁数据）都可以在一个呼叫中完成。

— 洛朗

9

使用jQuery获取IP

您可以使用一行JS获得您的公共IP地址？有一项免费服务可以为您提供此服务，并且您需要做的就是获取请求：

   $.get('http://jsonip.com/', function(r){ console.log(r.ip); });

为了使以上代码段起作用，您的浏览器将必须支持CORS（跨域请求共享）。否则会引发安全异常。在较旧的浏览器中，可以使用此版本，该版本使用JSON-P请求：

   $.getJSON('http://jsonip.com/?callback=?', function(r){ console.log(r.ip); });

— sri_bb
source

9

您可以使用userinfo.io javascript库。

<script type="text/javascript" src="userinfo.0.0.1.min.js"></script>

UserInfo.getInfo(function(data) {
  alert(data.ip_address);
}, function(err) {
  // Do something with the error
});

您还可以使用requirejs加载脚本。

它将为您提供访问者的IP地址，以及有关其位置（国家，城市等）的一些数据。它基于maxmind geoip数据库。

免责声明：我写了这个库

— 文森特·杜蒙
source

8

Javascript / jQuery获取客户的IP地址和位置（国家/地区，城市）

您只需要将带有“ src”链接的标签嵌入服务器。服务器将返回“ codehelper_ip”作为对象/ JSON，您可以立即使用它。

// First, embed this script in your head or at bottom of the page.
<script language="Javascript" src="http://www.codehelper.io/api/ips/?js"></script>
// You can use it
<script language="Javascript">
    alert(codehelper_ip.IP);
    alert(codehelper_ip.Country);
</script>

有关更多信息，请参见Javascript Detect Real IP Address Plus Country

如果您使用的是jQUery，则可以尝试：

console.log(codehelper_ip);

它将向您显示有关返回对象的更多信息。

如果您想要回调函数，请尝试以下操作：

// First, embed this script in your head or at bottom of the page.
<script language="Javascript" src="http://www.codehelper.io/api/ips/?callback=yourcallback"></script>
// You can use it
<script language="Javascript">
    function yourcallback(json) {
       alert(json.IP);
     }
</script>

— 肯乐
source

1

不要使用language属性，type="text/javascript"而应在MDN

— Alex K

正如@Alex已经提到的那样，不推荐使用语言，并且仅在遗留代码中使用。请改用'type =“ text / javascript”'以获得最大的兼容性。

— Gautham C.

1

仅供参考-HTML5不需要类型字段（默认为JS）。 w3schools.com/tags/att_script_type.asp

— pmont

万一您错过了这些其他评论，则应使用类型而不是语言

— Mike

8

Appspot.com回调的服务不可用。ipinfo.io似乎正在运行。

我做了一个额外的步骤，并使用AngularJS检索了所有地理信息。（感谢里卡多）看看。

<div ng-controller="geoCtrl">
  <p ng-bind="ip"></p>
  <p ng-bind="hostname"></p>
  <p ng-bind="loc"></p>
  <p ng-bind="org"></p>
  <p ng-bind="city"></p>
  <p ng-bind="region"></p>
  <p ng-bind="country"></p>
  <p ng-bind="phone"></p>
</div>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://code.angularjs.org/1.2.12/angular.min.js"></script>
<script src="http://code.angularjs.org/1.2.12/angular-route.min.js"></script>
<script>
'use strict';
var geo = angular.module('geo', [])
.controller('geoCtrl', ['$scope', '$http', function($scope, $http) {
  $http.jsonp('http://ipinfo.io/?callback=JSON_CALLBACK')
    .success(function(data) {
    $scope.ip = data.ip;
    $scope.hostname = data.hostname;
    $scope.loc = data.loc; //Latitude and Longitude
    $scope.org = data.org; //organization
    $scope.city = data.city;
    $scope.region = data.region; //state
    $scope.country = data.country;
    $scope.phone = data.phone; //city area code
  });
}]);
</script>

此处的工作页面：http : //www.orangecountyseomarketing.com/projects/_ip_angularjs.html

— Yamenator
source

8

如果不包含文件，则可以执行一个简单的ajax get：

function ip_callback() {
    $.get("ajax.getIp.php",function(data){ return data; }
}

而ajax.getIp.php会是这样：

<?=$_SERVER['REMOTE_ADDR']?>

— 马丁
source

8

我非常喜欢，api.ipify.org因为它同时支持HTTP和HTTPS。

以下是一些api.ipify.org使用jQuery 获取IP的示例。

通过HTTPS的JSON格式

https://api.ipify.org?format=json

$.getJSON("https://api.ipify.org/?format=json", function(e) {
    alert(e.ip);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

展开摘要

通过HTTP的JSON格式

http://api.ipify.org?format=json

$.getJSON("http://api.ipify.org/?format=json", function(e) {
    alert(e.ip);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

展开摘要

HTTPS上的文本格式

如果您不希望在JSON中使用它，那么还会通过HTTPS提供纯文本响应

https://api.ipify.org

HTTP上的文本格式

还有通过HTTP的明文响应

http://api.ipify.org

— 蒂姆·彭纳
source

8

使用ipdata.co。

该API还提供地理位置数据，并具有10个全局端点，每个端点每天可以处理超过800M个请求！

此答案使用的“测试” API密钥非常有限，仅用于测试几个调用。注册您自己的免费API密钥，每天最多可获得1500个开发请求。

$.get("https://api.ipdata.co?api-key=test", function (response) {
    $("#response").html(response.ip);
}, "jsonp");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<pre id="response"></pre>

展开摘要

— 乔纳森
source

7

确实没有可靠的方法来获取客户端计算机的IP地址。

这经历了一些可能性。如果用户具有多个接口，则使用Java的代码将中断。

http://nanoagent.blogspot.com/2006/09/how-to-find-evaluate-remoteaddrclients.html

通过查看此处的其他答案，听起来您可能想要获取客户端的公共IP地址，该地址可能是他们用来连接到Internet的路由器的地址。这里的许多其他答案都在谈论这一点。我建议创建并托管自己的服务器端页面，以接收请求并使用IP地址进行响应，而不是依赖于可能会或可能不会继续工作的其他人的服务。

— 萨雷尔·博塔
source

7

我将提供一种方法，当我想在html页面中存储信息时，我会使用很多方法，并且希望我的javascript读取信息而无需实际将参数传递给javascript。当您的脚本是外部引用而不是内联引用时，这特别有用。

但是，它不符合“没有服务器端脚本”的标准。但是，如果您可以在HTML中包含服务器端脚本，请执行以下操作：

在html页面底部的end body标签上方制作隐藏的标签元素。

您的标签将如下所示：

<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年后* 两个小改进：

我通常使用此方法，但称为label class="data"，因为实际上这是一种存储数据的方法。类名“ hiddenlabel”是一种愚蠢的名字。

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

.data{
    display:none;
}

...是更好的方法

— 塔库斯
source

3

不要将数据存储在DOM中。为什么有人建议，甚至两年后呢？如果可以将任何内容注入HTML文件，则只需将其值注入JS变量即可。<script> var ip = <？php echo $ _SERVER ['REMOTE_ADDR']; ？> </ script>。至少屏幕阅读器会错过它，并且不需要getElementById或$（'＃stupidname'）。

— coblr 2015年

@fractalspawn，因为您不能将php代码插入.js文件中。没想到，你是不是聪明的裤子！;）

— TARKUS 2015年

好吧，尽管我不确定为什么要这么做，但是您可以<script type =“ text / javascript” src =“ path / to / fancy / javascript.php”> </ script>。我的观点是，如果PHP可以在其呈现的HTML中插入任何内容，则最佳实践将是使其将值插入到内联脚本标签内的JS变量中，而不是随后需要解析的DOM元素中。以便于使用，除非您采取了其他措施防止它出现，否则屏幕阅读器可能会读取它。

— coblr 2015年

您绝对没有理由不应该或不应该向DOM中添加数据保存元素，并且有很多充分的理由要这样做。实际上，如果您愿意再次阅读这些原因，这些正是我的答案。它是可靠的，易于控制的，并且当您的JavaScript文件位于远程站点时特别有用。说到远程脚本，您的“ javascript.php”示例是一个可怕的主意，无论如何也可能行不通。考虑远程脚本，例如DISQUS。

— 塔库斯

3

关于DOM数据存储为什么不好的其他评论。好吧，您仍然可以通过轻轻敲打目的地的墙来停下汽车，但是现在有更好的工具来完成这项工作。我们现在知道得更多，并且拥有缓解这一情况的强大框架。我在一个DOM只是JS巨大配置文件的地方工作，并且在重新设置样式时这是一场噩梦。如果您认为使用<script src =“ something.php”>是“粗暴的黑客”，但是将数据存储在仅在Javascript中具有价值的DOM中是不可行的，那么我真的很高兴我们不起作用在一起，并将再次高兴地同意不同意。:)

— coblr

6

    $.getJSON("http://jsonip.com?callback=?", function (data) {
        alert("Your ip address: " + data.ip);
    });

— 阿蒂夫·侯赛因
source

6

试试这个：http : //httpbin.org/ip（或https://httpbin.org/ip）

https的示例：

$.getJSON('https://httpbin.org/ip', function(data) {
                console.log(data['origin']);
});

资料来源：http : //httpbin.org/

— SimC
source

6

首先是实际答案：不可能仅使用客户端执行的代码来找到您自己的IP地址。

但是，您可以仅对https://api.muctool.de/whois进行GET 并收到类似获取客户端IP地址的信息

{
"ip": "88.217.152.15",
"city": "Munich",
"isp": "M-net Telekommunikations GmbH",
"country": "Germany",
"countryIso": "DE",
"postalCode": "80469",
"subdivisionIso": "BY",
"timeZone": "Europe/Berlin",
"cityGeonameId": 2867714,
"countryGeonameId": 2921044,
"subdivisionGeonameId": 2951839,
"ispId": 8767,
"latitude": 48.1299,
"longitude": 11.5732,
"fingerprint": "61c5880ee234d66bded68be14c0f44236f024cc12efb6db56e4031795f5dc4c4",
"session": "69c2c032a88fcd5e9d02d0dd6a5080e27d5aafc374a06e51a86fec101508dfd3",
"fraud": 0.024,
"tor": false
}

— 亚历克斯
source

5

您可以使用客户端可以调用的Flash对象完全在客户端执行此操作，并且大多数情况下可以在JavaScript中执行此操作。Flash 可以访问本地计算机的IP地址，这可能不是很有用。

— nic ferrier
source

4

var call_to = "http://smart-ip.net/geoip-json?callback=?";

$.getJSON(call_to, function(data){
   alert(data.host);
});

data.host是IP地址。只需从浏览器调用即可。

http://smart-ip.net/geoip-json?callback=? [不带引号]并获取IP。

— 贾瓦德·艾哈迈德（Jawwad Ahmed）
source

抱歉，$在javascript中是什么意思？

— 鬼

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

云耀斑

数据库IP

千兆字节

GeoIPLookup.io

geoPlugin

黑客目标

ipapi.co

IP-API.com

ipdata.co

IP查找

ipgeolocation

ipify

IP信息数据库

ipinfo.io

帝国主义

ipstack（以前是freegeoip.net）

jsonip.com

JSON测试

udo堂

别再看了

通过HTTPS的JSON格式

通过HTTP的JSON格式

HTTPS上的文本格式

HTTP上的文本格式