前端js获取局域网ip

//获取内网ip的方法
function getIP(callback) {
         let recode = {};
         let RTCPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection;
         // 如果不存在则使用一个iframe绕过
         if (!RTCPeerConnection) {
             // 因为这里用到了iframe,所以在调用这个方法的script上必须有一个iframe标签
             // <iframe id="iframe" sandbox="allow-same-origin" style="display:none;"></iframe>
             let win = iframe.contentWindow;
             RTCPeerConnection = win.RTCPeerConnection || win.mozRTCPeerConnection || win.webkitRTCPeerConnection;
         }
 
         //创建实例,生成连接
         let pc = new RTCPeerConnection();
 
         // 匹配字符串中符合ip地址的字段
         function handleCandidate(candidate) {
             let ip_regexp = /([0-9]{1,3}(\.[0-9]{1,3}){3}|([a-f0-9]{1,4}((:[a-f0-9]{1,4}){7}|:+[a-f0-9]{1,4}){6}))/;
             let ip_isMatch = candidate.match(ip_regexp)[1];
             if (!recode[ip_isMatch]) {
                 callback(ip_isMatch);
                 recode[ip_isMatch] = true;
             }
         }
 
         //监听icecandidate事件
         pc.onicecandidate = (ice) => {
             if (ice.candidate) {
                 handleCandidate(ice.candidate.candidate);
             }
         };
         //建立一个伪数据的通道
         pc.createDataChannel('');
         pc.createOffer((res) => {
             pc.setLocalDescription(res);
         }, () => {});
 
         //延迟,让一切都能完成
         setTimeout(() => {
             let lines = pc.localDescription.sdp.split('\n');
             lines.forEach(item => {
                 if (item.indexOf('a=candidate:') === 0) {
                     handleCandidate(item);
                 }
             })
         }, 1000);
     }

然后引用

window.onload=function(){
		getIP( function (ip) {
		      console.log(ip);
		  })
	}

方法2

//获取内网ip
    var RTCPeerConnection = window.RTCPeerConnection || window.webkitRTCPeerConnection || window.mozRTCPeerConnection;
    if (RTCPeerConnection) (
            function () {
      var rtc = new RTCPeerConnection({iceServers:[]});
      if (1 || window.mozRTCPeerConnection) {
        rtc.createDataChannel('', {reliable:false});
      };

      rtc.onicecandidate = function (evt) {
        if (evt.candidate) grepSDP("a="+evt.candidate.candidate);
      };
      rtc.createOffer(function (offerDesc) {
        grepSDP(offerDesc.sdp);
        rtc.setLocalDescription(offerDesc);
      }, function (e) { console.warn("offer failed", e); });
      var addrs = Object.create(null);
      addrs["0.0.0.0"] = false;
      function updateDisplay(newAddr) {
        if (newAddr in addrs) return;
        else addrs[newAddr] = true;
        var displayAddrs = Object.keys(addrs).filter(function (k) { return addrs[k]; });
        for(var i = 0; i < displayAddrs.length; i++){
          if(displayAddrs[i].length > 16){
            displayAddrs.splice(i, 1);
            i--;
          }
        }
        //打印出该设备连接的所有内网ip
        console.log(displayAddrs);
        //排第一个ip
        console.log(displayAddrs[0]);
      }
      function grepSDP(sdp) {
        var hosts = [];
        sdp.split('\r\n').forEach(function (line, index, arr) {
          if (~line.indexOf("a=candidate")) {
            var parts = line.split(' '),
                    addr = parts[4],
                    type = parts[7];
            if (type === 'host') updateDisplay(addr);
          } else if (~line.indexOf("c=")) {
            var parts = line.split(' '),
                    addr = parts[2];
            updateDisplay(addr);
          }
        });
      }
    })();
    else{
      console.log("请使用主流浏览器:chrome,firefox,opera,safari");
    }
	

uni-app 是一个使用 Vue.js 开发所有前端应用的框架,它允许开发者编写一次代码,然后发布到iOS、Android、Web(包括微信小程序)等多个平台。在uni-app中获取设备IP地址,可以通过调用原生API或者使用JavaScript提供的接口。对于iOS设备,通常需要使用原生代码来获取私有IP地址,而JavaScript一般只能获取到公网IP地址。 如果你需要在uni-app项目中获取苹果设备的公网IP地址,可以使用JavaScript编写一个方法来请求外部服务返回当前的公网IP。下面是一个简单的示例代码: ```javascript export default { methods: { getPublicIp() { const that = this; const script = document.createElement('script'); script.type = 'text/javascript'; script.src = 'http://pv.sohu.com/cityjson?ie=utf-8'; script.onload = function() { const ipData = JSON.parse(this.responseText); that.publicIp = ipData.ip; }; document.body.appendChild(script); } }, mounted() { this.getPublicIp(); } } ``` 在这段代码中,我们通过请求一个返回JSON数据的服务来获取当前设备的公网IP。请注意,这种方法依赖于第三方服务,并且有可能会因为网络问题或者第三方服务的变化而失效。 对于私有IP地址(例如局域网内的IP地址),这通常受到操作系统安全策略的限制,不允许JavaScript直接访问。在iOS设备上,要获取私有IP地址,需要使用原生插件或者通过开发者自己的原生代码封装后暴露给JavaScript调用。这涉及到原生开发的内容,需要有一定的iOS开发经验。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值