javascript 获取本机ip chrome 谷歌浏览器 extension 谷歌扩展

代码一:

javascript 复制代码
  if (typeof window != 'undefined') {
    var RTCPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection;
    if (RTCPeerConnection)(() => {
      var rtc = new RTCPeerConnection()
      rtc.createDataChannel(''); //创建一个可以发送任意数据的数据通道
      rtc.createOffer(offerDesc => { //创建并存储一个sdp数据
        rtc.setLocalDescription(offerDesc)
      }, e => {
        console.log(e)
      })
 
      rtc.onicecandidate = (evt) => { //监听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("没有找到")
    }
  }

代码二:

javascript 复制代码
function getLocalIPs(callback) {
var ips = [];

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

var pc = new RTCPeerConnection({
  // Don't specify any stun/turn servers, otherwise you will
  // also find your public IP addresses.
  iceServers: []
});
// Add a media line, this is needed to activate candidate gathering.
pc.createDataChannel('');

// onicecandidate is triggered whenever a candidate has been found.
pc.onicecandidate = function (e) {
  if (!e.candidate) { // Candidate gathering completed.
    pc.close();
    callback(ips);
    return;
  }
  var ip = /^candidate:.+ (\S+) \d+ typ/.exec(e.candidate.candidate)[1];
  if (ips.indexOf(ip) == -1) // avoid duplicate entries (tcp/udp)
    ips.push(ip);
};
pc.createOffer(function (sdp) {
  pc.setLocalDescription(sdp);
}, function onerror() {});
}

如果获取到的格式为:xxxx-xxxx-xxxx-xxxx.local,则需要改下chrome的设置(默认隐藏了本机ip)

搜索chrome://flags/#enable-webrtc-hide-local-ips-with-mdns

将Anonymize local IPs exposed by WebRTC置为disabled

听说有些版本没有这个设置,那就得再继续找方案了~

相关推荐
Simaoya38 分钟前
vue process.env.VUE_APP_BASE_API的相关配置及axios简单封装
前端·javascript·vue.js
特立独行的猫a1 小时前
Pinia:Vue 2 和 Vue 3 中更好用的状态管理框架
前端·javascript·vue.js·pinia·vuex
奋斗吧程序媛1 小时前
(接上一篇)前端弄一个变量实现点击次数在前端页面实时更新
前端·javascript·vue.js
YANG-Live2 小时前
数据列表组件-报表
开发语言·javascript
narukeu2 小时前
理解 React 的严格模式
前端·javascript·react.js
卓卓没头发2 小时前
掌握Vue插槽:创建灵活且可复用的组件
前端·javascript·vue.js
hlyling3 小时前
一键高效处理,批量缩放PNG图片,按比例轻松调整,高效工作从此开始!
javascript·python·c#·objective-c·batch·symfony
不如吃茶去5 小时前
一文搞懂React Hooks闭包问题
前端·javascript·react.js
来之梦5 小时前
uniapp中 uni.previewImage用法
前端·javascript·uni-app
野猪佩奇0075 小时前
uni-app使用ucharts地图,自定义Tooltip鼠标悬浮显示内容并且根据@getIndex点击事件获取点击的地区下标和地区名
前端·javascript·vue.js·uni-app·echarts·ucharts