网页如何显示网站的 IP 地址

网页是通过 HTTP 协议在互联网上传输的文档,它包含 HTML、CSS、JavaScript 等元素,可以在浏览器中显示出各种样式和交互效果。而每个网页背后都有一个独立的 IP 地址,这个 IP 地址是网页得以访问和浏览的关键。那么,如何在网页上显示网站的 IP 地址呢?

可以使用 JavaScript 代码来获取当前页面的 IP 地址。通过调用 window.RTCPeerConnection 或 window.RTCDataChannel 对象,可以获取客户端的公网 IP 地址,并将其显示在页面上。例如:

function getIP(onNewIP) {
    var ip = 'unknown';
    var RTCPeerConnection = window.RTCPeerConnection || window.webkitRTCPeerConnection || window.mozRTCPeerConnection;

    if (RTCPeerConnection) {
        var pc = new RTCPeerConnection({
            iceServers: []
        });
        pc.createDataChannel('');

        pc.createOffer(pc.setLocalDescription.bind(pc), function() {});
        pc.onicecandidate = function(ice) {
            if (ice && ice.candidate && ice.candidate.candidate) {
                var myIP = /([0-9]{1,3}(\.[0-9]{1,3}){3}|[a-f0-9]{1,4}(:[a-f0-9]{1,4}){7})/.exec(ice.candidate.candidate)[1];
                onNewIP(myIP);
                pc.onicecandidate = null;
            }
        };
    }
}

getIP(function(ip) {
    document.getElementById('ip').textContent = ip;
});

另外,也可以使用 PHP 或 Python 等服务端语言获取客户端的 IP 地址,并在网页中动态显示出来。无论采用何种方法,在网页上显示 IP 地址的目的都是为让用户更好地了解自己的网络环境,以及当前访问的网站所在的服务器位置。