js獲取客戶端本地ip
阿新 • • 發佈:2018-12-04
使用js獲取客戶端本地ip,不需要額外引入別的檔案
【注:若IE瀏覽器不進行安全設定,IE瀏覽器會預設攔截ActiveX控制元件的使用,將不會返回客戶端的IP地址】
下邊的程式碼使用於通用瀏覽器,但是IE瀏覽器必須去設定ActiveX控制元件。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>獲取客戶端IP</title> </head> <body> <div></div> </body> <script type="text/javascript"> function getUserIP(onNewIP) { // onNewIp - your listener function for new IPs //compatibility for firefox and chrome var myPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection; var pc = new myPeerConnection({ iceServers: [] }), noop = function() {}, localIPs = {}, ipRegex = /([0-9]{1,3}(\.[0-9]{1,3}){3}|[a-f0-9]{1,4}(:[a-f0-9]{1,4}){7})/g, key; function iterateIP(ip) { if (!localIPs[ip]) onNewIP(ip); localIPs[ip] = true; } //create a bogus data channel pc.createDataChannel(""); // create offer and set local description pc.createOffer().then(function(sdp) { sdp.sdp.split('\n').forEach(function(line) { if (line.indexOf('candidate') < 0) return; line.match(ipRegex).forEach(iterateIP); }); pc.setLocalDescription(sdp, noop, noop); }).catch(function(reason) { // An error occurred, so handle the failure to connect }); //sten for candidate events pc.onicecandidate = function(ice) { if (!ice || !ice.candidate || !ice.candidate.candidate || !ice.candidate.candidate.match(ipRegex)) return; ice.candidate.candidate.match(ipRegex).forEach(iterateIP); }; } // Usage getUserIP(function(ip){ alert("Got IP! :" + ip); }); </script> </html>
程式碼放上就能用。
參考連線:https://blog.csdn.net/yuang12345/article/details/79678677