在JavaScript中，你可以通过发送一个到服务端的请求、使用WebRTC协议，或者利用第三方API服务来获取当前打开网站的IP地址。 最直接的方法是使用第三方API，比如httpbin.org或者ipify.org，它们能通过简单的HTTP请求返回使用者的公共IP地址。
例如，使用ipify API的HTTP请求将返回访问者的公共IP。这种方法的优点在于它简洁明了，并且不需要在客户端进行复杂的配置。
一、使用第三方API获取IP地址
获取当前用户的公共IP地址通常需要从客户端向第三方服务发送一个网络请求，然后第三方服务会回应当前的公共IP地址。这样的服务如httpbin或ipify借助于其API能够轻松实现这一需求。
示例代码
fetch('https://api.ipify.org?format=json')
.then(results => results.json())
.then(data => console.log('IP Address:', data.ip));
这段代码发送了一个到ipify的API请求，请求返回包含IP地址的JSON对象。然后通过JavaScript的console.log方法输出到控制台。
详细实现
使用fetch API来发送一个GET请求至第三方API服务，并在异步获取响应后，从返回的JSON中提取IP地址。
二、使用WebSocket来获取IP地址
虽然WebSocket通常用于实时通信，但它同样可以用来从服务端获取用户的公共IP地址。服务端在WebSocket连接建立时可以检测到连接方的IP地址，并将这个信息发送回客户端。
示例代码
let ws = new WebSocket('wss://example.com/ip');
ws.onmessage = function(event) {
console.log('IP Address:', event.data);
};
详细实现
在WebSocket连接成功建立后，服务器会通过onmessage事件发送消息到客户端，消息中包含了客户端的IP信息。
三、使用服务器端语言配合JavaScript
如果你能控制服务器端的代码，那么可以在服务器上获取客户的IP地址，再通过某种方式（例如，嵌入到HTML中、通过WebSocket发送等）传递到客户端的JavaScript中。
服务器端示例（Node.js）
const http = require('http');
http.createServer((request, response) => {
const ip = request.socket.remoteAddress;
response.end(`Your IP is: ${ip}`);
}).listen(3000);
客户端JavaScript
fetch('http://localhost:3000')
.then(results => results.text())
.then(data => console.log(data));
四、使用WebRTC获取IP地址
WebRTC技术能够直接在浏览器之间进行音视频通话以及数据的点对点传输，同时也可以用来获取设备的局域网内IP地址。
示例代码
window.RTCPeerConnection = window.RTCPeerConnection ||
window.mozRTCPeerConnection ||
window.webkitRTCPeerConnection;
let pc = new RTCPeerConnection({iceServers: []});
pc.createDataChannel('');
pc.createOffer(pc.setLocalDescription.bind(pc), () => {});
pc.onicecandidate = function(event) {
if (event && event.candidate && event.candidate.candidate) {
let myIP = /([0-9]{1,3}(\.[0-9]{1,3}){3})/.exec(event.candidate.candidate)[1];
console.log('Your IP:', myIP);
pc.close();
}
};
详细实现
此代码创建一个WebRTC连接。在onicecandidate事件发生时获取到了IP地址，并在控制台中输出。这个方法可以获取到用户局域网内部的IP地址以及STUN/TURN服务器回应的公共IP地址。
总结，获取正在浏览网页的用户IP地址，JavaScript可以采用多种方式，但需注意私有IP和公共IP的区别。任何服务端涉及的实现，都需要保护用户隐私和数据安全。使用第三方服务是最简单的解决方案，但如果有可能，使用服务器端语言和JavaScript结合的方法会更加灵活和安全。
相关问答FAQs：
1. 如何使用 JavaScript获取当前打开网站的IP地址？
通过JavaScript要直接获取用户的IP地址可能是不可能的，因为JavaScript是在浏览器端执行的，只能获取到浏览器所在设备的IP地址。但是我们可以通过服务器的帮助来获取用户的IP地址，并将其传递给JavaScript。
2. 为什么无法直接使用JavaScript获取当前网站的IP地址？
JavaScript运行在浏览器上，只能获取到浏览器所在设备的IP地址，而无法直接获取到用户访问网站的IP地址。这是因为服务器在处理用户请求时，会将请求过程中的访问者IP地址传递给浏览器，在浏览器中JavaScript只能获取到这个IP地址。
3. 是否有其他方法可以获取当前打开网站的IP地址？
除了JavaScript外，您还可以使用服务器端的编程语言（如PHP、Python等）或者网络工具来获取当前网站的IP地址。通过服务器端编程语言，您可以获取到用户的真实IP地址，并将其传递到前端JavaScript进行进一步处理。网络工具如ping、tracert等可以用来获取URL的IP地址，从而间接地获取网站的IP地址。
