小开

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

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

关于如何使用WebRTC检索有用的客户端IP地址的详细信息。

小开

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

小开

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

这涉及到一些可能性。如果用户有多个接口，那么使用Java的代码将会中断。

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

从这里的其他答案来看，听起来您可能想要获得客户端的公共IP地址，这可能是他们用来连接到互联网的路由器的地址。很多其他的答案都谈到了这个。我建议创建并托管您自己的服务器端页面，用于接收请求并使用IP地址响应，而不是依赖于其他人的服务，因为其他人的服务可能继续工作，也可能无法继续工作。

小开

好吧，我偏离了这个问题，但我今天有一个类似的需求，尽管我无法使用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从服务器呈现。而在Javascript中，我只是加载这个值。

这可能对像你这样有类似需求的人(比如我，但我还没有弄清楚)有帮助。

干杯!

小开

您可以通过服务器端与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日关闭。

小开

你可以用ajax调用hostip.info或类似的服务…

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;
}

作为奖励，地理定位信息将在同一调用中返回。

小开

使用Smart-IP.net geo ip API。例如，使用jQuery:

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

小开

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

更多文件在这里

小开

我将提供一个方法，当我想在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;
}

.．.是更好的方法。

小开

我会说乍得和马耳他有很好的答案。然而，他们的想法很复杂。所以我建议这个代码，我发现从广告国家插件

<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>

没有ajax。只是简单的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访问的服务器也可以毫无问题地工作。

小开

Javascript / jQuery获取客户端的IP地址位置(国家，城市)

你只需要嵌入一个带有“src”链接的标签到服务器。服务器将以Object / JSON的形式返回“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/?js"></script>
// You can use it
<script language="Javascript">
alert(codehelper_ip.IP);
alert(codehelper_ip.Country);
</script>

更多信息请访问Javascript检测真实IP地址加国家

如果你正在使用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>

小开

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

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

下面是一个更详细的JSFiddle示例，它还输出了完整的响应信息，因此您可以看到所有可用的详细信息:http://jsfiddle.net/zK5FN/2/

小开

试试这个

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

< a href = " http://jsfiddle.net/rBL3D/79/ " >小提琴< / >

小开

如果你总是包含一个文件，你可以做一个简单的ajax get:

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

ajax.getIp.php是这样的:

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

小开

<!DOCTYPE html>
<html ng-app="getIp">
<body>
<div ng-controller="getIpCtrl">
<div ng-bind="ip"></div>
</div>


<!-- Javascript for load faster
================================================== -->
<script src="lib/jquery/jquery.js"></script>
<script src="lib/angular/angular.min.js"></script>
<script>
/// Scripts app


'use strict';


/* App Module */
var getIp = angular.module('getIp', [ ]);


getIp.controller('getIpCtrl', ['$scope', '$http',
function($scope, $http) {
$http.jsonp('http://jsonip.appspot.com/?callback=JSON_CALLBACK')
.success(function(data) {
$scope.ip = data.ip;
});
}]);


</script>
</body>
</html>

小开

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

小开

用jQuery获取你的IP

你可以用一行JS得到你的公共IP地址?有一个免费的服务为你提供这个，你需要做的就是一个get请求:

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

为了使上面的代码片段工作，您的浏览器必须支持CORS(跨源请求共享)。否则将引发安全异常。在旧的浏览器中，您可以使用这个版本，它使用JSON-P请求:

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

小开

你可以使用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数据库。

声明:这个库是我写的

小开

不用再看了

看看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>

懒得复制/粘贴?我喜欢它。# EYZ0

懒得点击?# EYZ0

# EYZ0: # EYZ1

我有没有什么与IPify团队有关。我只是觉得这太酷了有人会为了大众利益提供这样的服务。

小开

你不能。你得问服务员。

小开

用Java脚本查找IP

# EYZ0。就像

[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响应code

WebRTC不需要服务器支持。

小开

2021年更新:

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

getIPs().then(res => document.write(res.join('\n')))

<script src="https://cdn.jsdelivr.net/gh/joeymalvinni/webrtc-ip/dist/bundle.dev.js"></script>

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

(以前)# EYZ0

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

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

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(至少现在)。我修改了源代码，减少了行，不做任何stun请求，因为你只需要本地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>

what is happening here is, we are creating a dummy peer connection, and for the remote peer to contact us, we generally exchange ice candidates with each other. And reading the ice candidates( from local session description and onIceCandidateEvent) we can tell the IP of the user.

where I took code from --> Source

小开

有一种更简单和免费的方法，不需要访问者的任何许可。

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

以下是提交位置信息请求的方法:

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

小开

我将使用一个可以返回JSON的web服务(以及jQuery，使事情更简单)。以下是我能找到的所有活跃的免费IP查找服务以及它们返回的信息。如果你知道其他人，那么请添加评论，我会更新这个答案。

摘要

let apiKey = '1be9a6884abd4c3ea143b59ca317c6b2';
$.getJSON('https://ipgeolocation.abstractapi.com/v1/?api_key=' + apiKey, function(data) {
console.log(JSON.stringify(data, null, 2));
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

Limitations:

10,000 requests per month
Requires registration to get your API key

BigDataCloud

// Base
let apiKey = 'd9e53816d07345139c58d0ea733e3870';
$.getJSON('https://api.bigdatacloud.net/data/ip-geolocation?key=' + apiKey, function(data) {
console.log(JSON.stringify(data, null, 2));
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

// Base + Confidence Area
let apiKey = 'd9e53816d07345139c58d0ea733e3870';
$.getJSON('https://api.bigdatacloud.net/data/ip-geolocation-with-confidence?key=' + apiKey, function(data) {
console.log(JSON.stringify(data, null, 2));
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

// Base + Confidence Area + Hazard Report
let apiKey = 'd9e53816d07345139c58d0ea733e3870';
$.getJSON('https://api.bigdatacloud.net/data/ip-geolocation-full?key=' + apiKey, function(data) {
console.log(JSON.stringify(data, null, 2));
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

Limitations:

10,000 requests per month
Requires registration to get your API key

Cloudflare

$.get('https://www.cloudflare.com/cdn-cgi/trace', function(data) {
// Convert key-value pairs to JSON
// https://stackoverflow.com/a/39284735/452587
data = data.trim().split('\n').reduce(function(obj, pair) {
pair = pair.split('=');
return obj[pair[0]] = pair[1], obj;
}, {});
console.log(data);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

Limitations:

Returns plain text
Returns only IPv6 address if you have that

DB-IP

Try it: https://api.db-ip.com/v2/free/self

$.getJSON('https://api.db-ip.com/v2/free/self', function(data) {
console.log(JSON.stringify(data, null, 2));
});

返回:

{
"ipAddress": "116.12.250.1",
"continentCode": "AS",
"continentName": "Asia",
"countryCode": "SG",
"countryName": "Singapore",
"city": "Singapore (Queenstown Estate)"
}

限制:

每天1000次请求
要求非空的Origin请求头

Geobytes

# EYZ0 # EYZ1

$.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)
能返回错误的位置吗

< a href = " https://geoiplookup。io / api noreferrer“rel = > GeoIPLookup.io < / >

$.getJSON('https://json.geoiplookup.io/?callback=?', function(data) {
console.log(JSON.stringify(data, null, 2));
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

Limitations:

10,000 requests per hour
Free plan only for non-commercial use
Returns only IPv6 address if you have that

geoPlugin

Try it: http://www.geoplugin.net/json.gp

$.getJSON('http://www.geoplugin.net/json.gp', function(data) {
console.log(JSON.stringify(data, null, 2));
});

返回:

{
"geoplugin_request": "116.12.250.1",
"geoplugin_status": 200,
"geoplugin_credit": "Some of the returned data includes GeoLite data created by MaxMind, available from <a href=\\'http://www.maxmind.com\\'>http://www.maxmind.com</a>.",
"geoplugin_city": "Singapore",
"geoplugin_region": "Singapore (general)",
"geoplugin_areaCode": "0",
"geoplugin_dmaCode": "0",
"geoplugin_countryCode": "SG",
"geoplugin_countryName": "Singapore",
"geoplugin_continentCode": "AS",
"geoplugin_latitude": "1.2931",
"geoplugin_longitude": "103.855797",
"geoplugin_regionCode": "00",
"geoplugin_regionName": "Singapore (general)",
"geoplugin_currencyCode": "SGD",
"geoplugin_currencySymbol": "&#36;",
"geoplugin_currencySymbol_UTF8": "$",
"geoplugin_currencyConverter": 1.4239
}

限制:

每分钟120个请求
免费计划不使用SSL (https)

黑客目标

$.get('https://api.hackertarget.com/geoip/?q=116.12.250.1', function(data) {
// Convert key-value pairs to JSON
// https://stackoverflow.com/a/39284735/452587
data = data.trim().split('\n').reduce(function(obj, pair) {
pair = pair.split(': ');
return obj[pair[0]] = pair[1], obj;
}, {});
console.log(data);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

Limitations:

100 requests per day
Requires IP address parameter
Returns plain text

ipapi

Try it: https://ipapi.co/json/

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

返回:

{
"ip": "116.12.250.1",
"city": "Singapore",
"region": "Central Singapore Community Development Council",
"country": "SG",
"country_name": "Singapore",
"postal": null,
"latitude": 1.2855,
"longitude": 103.8565,
"timezone": "Asia/Singapore"
}

限制:

每天1000次请求
要求SSL (https)
要求非空的Origin请求头
如果你有IPv6地址，只返回IPv6地址

< a href = " https://ip-api.com/ " rel = " noreferrer > IP-API < / >

# EYZ0 # EYZ1

$.getJSON('http://ip-api.com/json', function(data) {
console.log(JSON.stringify(data, null, 2));
});

返回:

{
"as": "AS3758 SingNet",
"city": "Singapore",
"country": "Singapore",
"countryCode": "SG",
"isp": "SingNet Pte Ltd",
"lat": 1.2931,
"lon": 103.8558,
"org": "Singapore Telecommunications",
"query": "116.12.250.1",
"region": "01",
"regionName": "Central Singapore Community Development Council",
"status": "success",
"timezone": "Asia/Singapore",
"zip": ""
}

限制:

每分钟150个请求
免费计划不使用SSL (https)

< a href = " https://ipdata。有限公司/ noreferrer“rel = > ipdata < / >

let apiKey = 'be0f755b93290b4c100445d77533d291763a417c75524e95e07819ad';
$.getJSON('https://api.ipdata.co?api-key=' + apiKey, function(data) {
console.log(JSON.stringify(data, null, 2));
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

Limitations:

1,500 requests per day
Requires registration to get your API key
Requires SSL (https)

IP Find

let apiKey = '50e887ce-e3bb-4f00-a9b9-667597db5539';
$.getJSON('https://ipfind.co/me?auth=' + apiKey, function(data) {
console.log(JSON.stringify(data, null, 2));
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

Limitations:

300 requests per day
Requires registration to get your API key

ipgeolocation

let apiKey = 'f8e0b361e8f4405c94613ab534959fdf';
$.getJSON('https://api.ipgeolocation.io/ipgeo?apiKey=' + apiKey, function(data) {
console.log(JSON.stringify(data, null, 2));
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

Limitations:

50,000 requests per month
Requires registration to get your API key
Returns only IPv6 address if you have that

ipify

$.getJSON('https://api.ipify.org?format=jsonp&callback=?', function(data) {
console.log(JSON.stringify(data, null, 2));
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

Limitations:

None

IPInfoDB

let apiKey = '25864308b6a77fd90f8bf04b3021a48c1f2fb302a676dd3809054bc1b07f5b42';
$.getJSON('https://api.ipinfodb.com/v3/ip-city/?format=json&key=' + apiKey, function(data) {
console.log(JSON.stringify(data, null, 2));
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

Limitations:

Two requests per second
Requires registration to get your API key

ipinfo.io

$.getJSON('https://ipinfo.io/json', function(data) {
console.log(JSON.stringify(data, null, 2));
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

Limitations:

50,000 requests per month

ipregistry

$.getJSON('https://api.ipregistry.co/?key=tryout', function(data) {
console.log(JSON.stringify(data, null, 2));
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

Limitations:

Free plan includes 100,000 requests
Requires registration to get your API key
Returns only IPv6 address if you have that

ipstack (formerly freegeoip.net)

Try it: http://api.ipstack.com/<ip_address>?access_key=<your_api_key>

$.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": "தமிழ்"
},
{
"code": "zh",
"name": "Chinese",
"native": "中文"
}
],
"country_flag": "http://assets.ipstack.com/flags/sg.svg",
"country_flag_emoji": "🇸🇬",
"country_flag_emoji_unicode": "U+1F1F8 U+1F1EC",
"calling_code": "65",
"is_eu": false
}
}

限制:

每月10,000次请求
需要IP地址参数
需要注册才能获得API密钥
免费计划不使用SSL (https)

jsonip.com

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

Limitations:

Returns only IPv6 address if you have that

JSON Test

Try it: http://ip.jsontest.com/

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

返回:

{
"ip": "116.12.250.1"
}

限制:

无SSL (https)
如果你有IPv6地址，只返回IPv6地址

Snoopi.io .io

let apiKey = 'ed5ebbeba257b8f262a6a9bbc0ec678e';
$.getJSON('https://api.snoopi.io/116.12.250.1?apikey=' + apiKey, function(data) {
console.log(JSON.stringify(data, null, 2));
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

Limitations:

10,000 requests per month
1 request every 2 seconds
Requires IP address parameter
Requires registration to get your API key

VANILLA JAVASCRIPT

With modern browsers, you can use the native Fetch API instead of relying on jQuery's $.getJSON(). Here's an example:

let apiKey = '1be9a6884abd4c3ea143b59ca317c6b2';
// Make the request
fetch('https://ipgeolocation.abstractapi.com/v1/?api_key=' + apiKey)
// Extract JSON body content from HTTP response
.then(response => response.json())
// Do something with the JSON data
.then(data => {
console.log(JSON.stringify(data, null, 2))
});

笔记

因为这些都是免费服务，谁知道它们什么时候/是否会下线(例子A: Telize)。
大多数这些服务还提供付费层，以防你想要更多的功能和稳定性。
正如@skobaljic在下面的评论中指出的那样，请求配额主要是学术性的，因为调用是在客户端进行的，大多数最终用户永远不会超过他们的配额。
有些服务没有可运行的代码片段，因为它们在免费计划中不允许SSL连接，或者需要非空的Origin请求头(StackOverflow代码片段被迫使用https，并且在请求头中有Origin: null)。

更新

2016年2月1日:删除Telize(不再提供免费计划)
4/18/2016:删除freegeoip.net(退出服务)
4/26/2016:添加DB-IP
4/26/2016:添加黑客的目标
2016年7月6日:恢复freegeoip.net
2016年7月6日:删除ip-json.rhcloud.com(死链接)
2016年12月21日:删除黑客的目标(退出服务)
2/10/2017:添加Nekudo
4/20/2017:添加ipapi(感谢Ahmad Awais)
4/24/2017:恢复黑客的目标
4/24/2017:删除Snoopi.io(退出服务)
7/16/2017:添加限制"无SSL (https)与免费计划"
7/16/2017:添加IP发现(感谢JordanC)
9/25/2017:添加愚蠢的网络工具(感谢ceure)
3/16/2018:添加ipdata(感谢乔纳森)
4/14/2018:重命名freegeoip.net到ipstack(感谢MA-Maddin)
4/16/2018:添加GeoIPLookup.io(感谢Rob Waa)
6/11/2018:添加ipgeolocation(感谢Ejaz Ahmed)
7/31/2019:添加ipregistry(感谢Laurent)
8/16/2019:添加SmartIP.io(感谢kevinj)
8/22/2019:删除愚蠢的网络工具(退出服务)
12/10/2019:添加Cloudflare
1/9/2020:删除SmartIP.io(退出服务)
11/6/2020:添加摘要
11/13/2020:添加AstroIP.co
4/13/2021:用代码片段替换代码示例(接近30k字符限制)
4/13/2021:增加了将键值对转换为JSON的纯文本响应的代码
4/13/2021:增加限制"要求非空Origin请求头"
4/13/2021:添加BigDataCloud
4/13/2021:恢复Snoopi.io
4/13/2021:删除AstroIP.co(退出服务)
4/13/2021:删除Nekudo(现在是ipapi的一部分)

小开

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

下面是一些使用jQuery api.ipify.org获取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>

JSON Format over HTTP

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>

Text format over HTTPS

If you don't want it in JSON there is also a plaintext response over HTTPS

https://api.ipify.org

基于HTTP的文本格式

在HTTP上也有明文响应

http://api.ipify.org

小开

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

我需要运行我的JavaScript软件的浏览器的计算机的真实IP地址(它几乎总是LAN上NAT层后面的本地IP地址)。

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

谢谢你，Mido!

但是，给出的函数是异步运行的。我需要在代码中实际使用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>

小开

# EYZ0

  try {
var RTCPeerConnection = window.webkitRTCPeerConnection || window.mozRTCPeerConnection;
if (RTCPeerConnection) (function () {
var rtc = new RTCPeerConnection({ iceServers: [] });
if (1 || window.mozRTCPeerConnection) {
rtc.createDataChannel('', { reliable: false });
};


rtc.onicecandidate = function (evt) {
if (evt.candidate) grepSDP("a=" + evt.candidate.candidate);
};
rtc.createOffer(function (offerDesc) {
grepSDP(offerDesc.sdp);
rtc.setLocalDescription(offerDesc);
}, function (e) { console.warn("offer failed", e); });




var addrs = Object.create(null);
addrs["0.0.0.0"] = false;
function updateDisplay(newAddr) {
if (newAddr in addrs) return;
else addrs[newAddr] = true;
var displayAddrs = Object.keys(addrs).filter(function (k) { return addrs[k]; });
LgIpDynAdd = displayAddrs.join(" or perhaps ") || "n/a";
alert(LgIpDynAdd)
}


function grepSDP(sdp) {
var hosts = [];
sdp.split('\r\n').forEach(function (line) {
if (~line.indexOf("a=candidate")) {
var parts = line.split(' '),
addr = parts[4],
type = parts[7];
if (type === 'host') updateDisplay(addr);
} else if (~line.indexOf("c=")) {
var parts = line.split(' '),
addr = parts[2];
alert(addr);
}
});
}
})();} catch (ex) { }

小开

如果你在某个地方使用NGINX，你可以添加这个片段并通过任何AJAX工具询问你自己的服务器。

location /get_ip {
default_type text/plain;
return 200 $remote_addr;
}

小开

使用# EYZ0。

该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>

小开

试试这个:http://httpbin.org/ip(或https://httpbin.org/ip)

https的示例:

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

来源:# EYZ0

小开

首先是< >强实际回答< / >强: 完全使用客户端执行的代码来查找您自己的IP地址是不可能的。

但是，您可以对https://hutils.loxal.net/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
}

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

不用再看了

2021年更新:

< a href = " https://geoiplookup。io / api noreferrer“rel = > GeoIPLookup.io < / >

< a href = " https://ip-api.com/ " rel = " noreferrer > IP-API < / >

< a href = " https://ipdata。有限公司/ noreferrer“rel = > ipdata < / >

ipstack (formerly freegeoip.net)

Snoopi.io .io

VANILLA JAVASCRIPT

笔记

更新

基于HTTPS的JSON格式

JSON Format over HTTP

Text format over HTTPS

基于HTTP的文本格式