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

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

相关推荐
雪碧聊技术1 分钟前
Tree.js是什么?一文讲透
开发语言·javascript·ecmascript
VidDown26 分钟前
VidDown 工具站:免费、本地优先的开发者工具箱
javascript·编辑器·音视频·视频编解码·视频
触底反弹2 小时前
🚀 手把手用 HTML5 Canvas 从零打造飞机大战游戏,代码全开源!
前端·javascript·canvas
DJ斯特拉2 小时前
axios快速使用
开发语言·前端·javascript
智通2 小时前
可取消的异步任务与 AbortController
javascript
Hilaku2 小时前
AI 写代码越快,为什么 Code Review 越不能省?
前端·javascript·程序员
程序猿阿伟3 小时前
《Chrome离线扩展安装的底层逻辑与场景落地指南》
服务器·网络·chrome
之歆3 小时前
现代 HTTP 客户端深度解析:Fetch 与 Axios
chrome·网络协议·http
HjhIron4 小时前
CSS 3D 世界:从盒子模型到三维空间动画
javascript·css
VidDown4 小时前
显卡处理视频技术详解:从硬解码到 NVENC,GPU 如何让视频处理起飞?
javascript·编辑器·音视频·视频编解码·视频