JavaScript 获取本地 IP 地址代码详解

这段 JavaScript 代码旨在获取用户本地 IP 地址，并将其输出到控制台。它并不需要传入网站信息。

function getIPs(callback){
    var ip_dups = {};

    var RTCPeerConnection = window.RTCPeerConnection
        || window.mozRTCPeerConnection
        || window.webkitRTCPeerConnection;
    var useWebKit = !!window.webkitRTCPeerConnection;

    if(!RTCPeerConnection){
        var win = iframe.contentWindow;
        RTCPeerConnection = win.RTCPeerConnection
            || win.mozRTCPeerConnection
            || win.webkitRTCPeerConnection;
        useWebKit = !!win.webkitRTCPeerConnection;
    }

    var mediaConstraints = {
        optional: [{RtpDataChannels: true}]
    };

    var servers = {iceServers: [{urls: 'stun:stun.l.google.com:19302'}]};

    var pc = new RTCPeerConnection(servers, mediaConstraints);

    function handleCandidate(candidate){
        var ip_regex = /([0-9]{1,3}(\.[0-9]{1,3}){3}|[a-f0-9]{1,4}(:[a-f0-9]{1,4}){7})/
        var ip_addr = ip_regex.exec(candidate) && ip_regex.exec(candidate)[1];

        if(!ip_addr) return;
        if(ip_dups[ip_addr] === undefined)
            callback(ip_addr);

        ip_dups[ip_addr] = true;
    }

    pc.onicecandidate = function(ice){
        if(ice.candidate)
            handleCandidate(ice.candidate.candidate);
    };

    pc.createDataChannel('');

    pc.createOffer(function(result){

        pc.setLocalDescription(result, function(){}, function(){});

    }, function(){});

    setTimeout(function(){
        var lines = pc.localDescription.sdp.split('\n');

        lines.forEach(function(line){
            if(line.indexOf('a=candidate:') === 0)
                handleCandidate(line);
        });
    }, 1000);
}

getIPs(function(ip){
    ip && console.log(ip);
});

代码解释:

1. 获取 RTCPeerConnection 对象: 代码首先尝试获取RTCPeerConnection对象，这是一个用于建立 WebRTC 连接的接口。它检查了不同浏览器对该接口的不同实现方式。
2. 创建数据通道: 创建一个数据通道，用于发送和接收数据。
3. 创建 Offer: 使用createOffer方法生成一个 Offer，用来发起连接请求。
4. 设置本地描述: 使用setLocalDescription方法将 Offer 设置为本地描述。
5. 处理候选者: 代码使用onicecandidate事件监听器来处理候选者。候选者是用于建立连接的候选 IP 地址。当接收到候选者时，代码会提取出 IP 地址，并将其输出到控制台。

注意: 这段代码需要用户授权浏览器访问网络信息。

使用方法:

1. 将代码嵌入您的网页中。
2. 在页面加载后调用getIPs函数。
3. 控制台中将输出获取到的本地 IP 地址。

代码功能:

这段代码利用了 WebRTC 技术，通过建立一个虚拟的 WebRTC 连接来获取本地 IP 地址。由于 WebRTC 协议需要使用 ICE (Interactive Connectivity Establishment) 进行连接协商，而 ICE 会使用本地 IP 地址作为候选地址，因此我们可以通过监听 ICE 候选者来获取本地 IP 地址。