在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地址，最好是在服务器端进行，而不是在客户端进行。
