H5页面能否获取手机的ip

在HTML5中，出于安全和隐私的考虑，浏览器不允许网页直接访问设备的本地IP地址。不过，可以通过一些方法间接获取到用户的公网IP地址，但这些方法通常依赖于服务器端的配合。

以下是几种获取用户公网IP地址的方法：

1. 使用WebRTC

WebRTC（Web Real-Time Communications）提供了一种在浏览器之间进行点对点通信的方式。您可以创建一个RTCPeerConnection，然后使用getStats方法来获取连接的统计信息，其中可能包含用户的公网IP地址。

const pc = new RTCPeerConnection();
// 省略创建连接的代码...

pc.getStats().then(stats => {
  stats.forEach(report => {
    if (report.type === 'remote-candidate') {
      console.log(report.ipAddress);
    }
  });
});

请注意，这种方法只能获取到与服务器或其他客户端通信时使用的公网IP地址。

2. 使用HTTP请求

您可以创建一个简单的HTTP请求（如AJAX或Fetch请求）到您的服务器，然后让服务器记录下请求的源IP地址。这种方法需要服务器端的日志记录和分析。

fetch('/api/get-ip', {
  method: 'GET',
  // 其他配置...
})
.then(response => {
  // 处理响应
});

服务器端需要正确配置以记录并返回请求的IP地址。

3. 使用第三方服务

一些第三方服务提供了获取IP地址的API，您可以发送一个请求到这些服务，并获取到用户的公网IP地址。

fetch('https://api.ipify.org?format=json')
.then(response => response.json())
.then(data => {
  console.log(data.ip);
});

这种方法通常依赖于外部服务，可能受到服务可用性和隐私政策的影响。

注意事项：

获取IP地址可能会受到用户的隐私设置和浏览器策略的限制。
不同网络环境下，用户的公网IP可能不同，如在VPN或代理服务器后面。
始终确保在获取和使用用户IP地址时遵守适用的隐私政策和法律法规。

在大多数情况下，如果需要获取用户的IP地址，最好是在服务器端进行，而不是在客户端进行。