JS获取客户端IP地址、MAC和主机名的7个方法汇总

在JavaScript中，获取客户端IP地址、MAC和主机名是一项常见的任务。下面是7种常用的方法，可以帮助你完成这个任务。

方法一：使用window.location

const ipAddress = window.location.hostname;
console.log(\"IP地址：\" + ipAddress);

这种方法使用window.location对象的hostname属性来获取客户端的IP地址。

方法二：使用XMLHttpRequest

const xhr = new XMLHttpRequest();
xhr.open(\"GET\", \"https://api.ipify.org/?format=json\", true);
xhr.onreadystatechange = function () {
  if (xhr.readyState === 4 && xhr.status === 200) {
    const response = JSON.parse(xhr.responseText);
    const ipAddress = response.ip;
    console.log(\"IP地址：\" + ipAddress);
  }
};
xhr.send();

这种方法使用XMLHttpRequest对象发送一个GET请求到一个公共的IP地址查询API，并解析返回的JSON数据来获取客户端的IP地址。

方法三：使用RTCPeerConnection

const pc = new RTCPeerConnection();
pc.onicecandidate = function (e) {
  if (e.candidate) {
    const ipAddress = e.candidate.address;
    console.log(\"IP地址：\" + ipAddress);
    pc.onicecandidate = null;
    pc.close();
  }
};
pc.createDataChannel(\"\");
pc.createOffer().then(function (offer) {
  pc.setLocalDescription(offer);
});

这种方法使用RTCPeerConnection对象创建一个数据通道，并通过获取ICE候选者的地址来获取客户端的IP地址。

方法四：使用WebSocket

const socket = new WebSocket(\"wss://echo.websocket.org\");
socket.onopen = function () {
  const ipAddress = socket.localAddress;
  console.log(\"IP地址：\" + ipAddress);
  socket.close();
};

这种方法使用WebSocket对象连接到一个WebSocket服务器，并通过获取本地地址来获取客户端的IP地址。

方法五：使用WebRTC

const mediaConstraints = { audio: true, video: true };
navigator.mediaDevices.getUserMedia(mediaConstraints)
  .then(function (stream) {
    const track = stream.getTracks()[0];
    const settings = track.getSettings();
    const ipAddress = settings.ip;
    console.log(\"IP地址：\" + ipAddress);
    track.stop();
  })
  .catch(function (error) {
    console.log(\"获取IP地址失败：\" + error);
  });

这种方法使用WebRTC API来获取客户端的IP地址。它通过获取用户媒体设备的流并从中提取IP地址。

方法六：使用WebRTC和STUN服务器

const configuration = { iceServers: [{ urls: \"stun:stun.l.google.com:19302\" }] };
const pc = new RTCPeerConnection(configuration);
pc.onicecandidate = function (e) {
  if (e.candidate) {
    const ipAddress = e.candidate.address;
    console.log(\"IP地址：\" + ipAddress);
    pc.onicecandidate = null;
    pc.close();
  }
};
pc.createDataChannel(\"\");
pc.createOffer().then(function (offer) {
  pc.setLocalDescription(offer);
});

这种方法使用WebRTC API和一个STUN服务器来获取客户端的IP地址。它通过获取ICE候选者的地址来获取IP地址。

方法七：使用服务器端获取

如果以上方法无法满足你的需求，你也可以考虑在服务器端获取客户端的IP地址、MAC和主机名，然后通过AJAX或其他方式将这些信息传递给客户端。

这是7种常用的方法，可以帮助你获取客户端的IP地址、MAC和主机名。根据你的具体需求，选择适合的方法即可。