JS獲取本機(jī)IP地址的2種方法
1.獲取本機(jī)IP地址方法1:
if(typeof window != 'undefined'){
? ? var RTCPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection;
? ? if (RTCPeerConnection) (()=>{
? ? ? ? var rtc = new RTCPeerConnection()
? ? ? ? rtc.createDataChannel(''); //創(chuàng)建一個(gè)可以發(fā)送任意數(shù)據(jù)的數(shù)據(jù)通道
? ? ? ? rtc.createOffer( offerDesc => { //創(chuàng)建并存儲(chǔ)一個(gè)sdp數(shù)據(jù)
? ? ? ? rtc.setLocalDescription(offerDesc)
? ? }, e => { console.log(e)})
? ? rtc.onicecandidate =(evt) => { //監(jiān)聽candidate事件
? ? ? ? if (evt.candidate) {
? ? ? ? ? ? console.log('evt:',evt.candidate)
? ? ? ? ? ? let ip_rule = /([0-9]{1,3}(\.[0-9]{1,3}){3}|[a-f0-9]{1,4}(:[a-f0-9]{1,4}){7})/
? ? ? ? ? ? var ip_addr = ip_rule.exec(evt.candidate.candidate)[1]
? ? ? ? ? ? console.log('ip_addr:',ip_addr) ? //打印獲取的IP地址
? ? ? ? }}
? ? })()
? ? else{console.log("沒有找到")}
}2.獲取本機(jī)IP地址方法2
//獲取用戶本地ip的方法
const getUserIP= (onNewIP)=> {
let MyPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection;
let pc = new MyPeerConnection({
iceServers: []
});
let noop = () => {
};
let localIPs = {};
let ipRegex = /([0-9]{1,3}(\.[0-9]{1,3}){3}|[a-f0-9]{1,4}(:[a-f0-9]{1,4}){7})/g;
let iterateIP = (ip) => {
if (!localIPs[ip]) onNewIP(ip);
localIPs[ip] = true;
};
pc.createDataChannel('');
pc.createOffer().then((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((reason) => {
});
pc.onicecandidate = (ice) => {
if (!ice || !ice.candidate || !ice.candidate.candidate || !ice.candidate.candidate.match(ipRegex)) return;
ice.candidate.candidate.match(ipRegex).forEach(iterateIP);
};
}
getUserIP((ip) => {
state.ip=ip
console.log(ip)
console.log(state.ip)
});如果電腦沒獲取到,基本上是因?yàn)闉g覽器限制了,解除方法如下:
解決方案:
- 火狐(FireFox) 刪除隱藏IP
瀏覽器輸入 about:config
搜索配置 media.peerconnection.enabled 改為false ( 刷新程序,IP正常顯示 )
- 谷歌(Chrome) 刪除隱藏IP
瀏覽器輸入:chrome://flags/#enable-webrtc-hide-local-ips-with-mdns
把 Anonymize local IPs exposed by WebRTC 設(shè)置為 disabled ( 刷新程序,IP正常顯示 )
- eage瀏覽器刪除隱藏ip
瀏覽器輸入: edge://flags/#enable-webrtc-hide-local-ips-with-mdns
把 Anonymize local IPs exposed by WebRTC 設(shè)置為 disabled ( 刷新程序,IP正常顯示 )
總結(jié)
到此這篇關(guān)于JS獲取本機(jī)IP地址的2種方法的文章就介紹到這了,更多相關(guān)JS獲取本機(jī)IP地址內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
javascript實(shí)現(xiàn)樹形菜單的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)樹形菜單的方法,涉及javascript動(dòng)態(tài)操作頁(yè)面元素與節(jié)點(diǎn)屬性的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
javascript 使用for循環(huán)時(shí)該注意的問(wèn)題-附問(wèn)題總結(jié)
所謂for循環(huán)就是重復(fù)的執(zhí)行一段代碼,for循環(huán)也是希望在創(chuàng)建循環(huán)時(shí)常會(huì)用到的工具,這篇內(nèi)容主要給大家介紹javascript 使用for循環(huán)時(shí)該注意的問(wèn)題-附問(wèn)題總結(jié),需要的朋友可以參考下2015-08-08
JS 使用 window對(duì)象的print方法實(shí)現(xiàn)分頁(yè)打印功能
這篇文章主要介紹了JS 使用 window對(duì)象的print方法實(shí)現(xiàn)分頁(yè)打印功能,這種方法兼容性比較好,在ie和火狐瀏覽器下都可以正常使用,感興趣的朋友跟隨腳本之家小編一起看看吧2018-05-05
JS獲取鼠標(biāo)坐標(biāo)并且根據(jù)鼠標(biāo)位置不同彈出不同內(nèi)容
這篇文章主要介紹了js獲取鼠標(biāo)坐標(biāo)并且根據(jù)鼠標(biāo)位置不同彈出不同內(nèi)容的實(shí)例代碼,需要的朋友可以參考下2017-06-06
微信小程序?qū)崿F(xiàn)傳參數(shù)的幾種方法示例
這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)傳參數(shù)的幾種方法,分別是navigator跳轉(zhuǎn)時(shí)、全局變量、列表index下標(biāo)取值以及form表單傳值的相關(guān)內(nèi)容,需要的朋友可以參考借鑒,下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2018-01-01
js與jquery獲取input輸入框中的值實(shí)例講解
在本篇文章里小編給大家整理了關(guān)于js與jquery獲取input輸入框中的值實(shí)例講解,需要的朋友們可以學(xué)習(xí)參考下。2020-02-02
javascript實(shí)現(xiàn)遮罩層動(dòng)態(tài)效果實(shí)例
這篇文章主要介紹了javascript實(shí)現(xiàn)遮罩層動(dòng)態(tài)效果,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05

