JS获取本机IP地址的2种方法

一、JS获取本机IP地址的2种方法

1、如果电脑没获取到IP地址，基本上是因为浏览器限制了。解除方法如下：解决方案：火狐(FireFox)删除隐藏IP，浏览器输入about:config，搜索配置 media.peerconnection.enabled，改为false，刷新程序，IP正常显示；

2、谷歌(Chrome)删除隐藏IP，浏览器输入：chrome://flags/#enable-webrtc-hide-local-ips-with-mdns，把Anonymize local IPs exposed by WebRTC设置为disabled，刷新程序，IP正常显示；

3、Edge浏览器删除隐藏IP，浏览器输入:edge://flags/#enable-webrtc-hide-local-ips-with-mdns，把Anonymize local IPs exposed by WebRTC设置为disabled，刷新程序，IP正常显示；

4、以上介绍了两种获取本机IP地址的方法。第一种方法利用RTCPeerConnection创建一个可以发送任意数据的数据通道，并监听candidate事件获取IP地址；第二种方法通过getUserIP函数获取用户本地IP地址。

5、方法一中，首先检查浏览器是否支持RTCPeerConnection，然后创建一个RTCPeerConnection实例，创建并存储一个sdp数据，监听candidate事件，获取到candidate后，通过正则表达式匹配IP地址；

6、方法二中，首先获取用户本地ip的方法，创建一个RTCPeerConnection实例，创建Offer，并将sdp数据分割后通过正则表达式匹配IP地址；

7、到此这篇关于JS获取本机IP地址的2种方法的文章就介绍到这了，更多相关JS获取本机IP地址内容请搜索自由互联以前的文章或继续浏览下面的相关文章希望大家以后多多支持自由互联！

二、js前端获取用户位置及ip属地信息

想要在平台上展示用户的地理位置信息，如某省市，那么这又是如何实现的呢？据说位置信息的准确性在通信网络运营商那里。尝试使用navigator.geolocation，但未能成功获取信息。

getGeolocation()函数检查是否支持地理位置服务，如果支持则调用getCurrentPosition方法获取位置信息，但在控制台没有输出位置坐标。

尝试使用sohu的接口pv.sohu.com/cityjson?ie获取用户位置信息，成功获取到信息。信息样本如下：

{"cip":"14.11.11.11","cid":"440000","cname":"广东省"}

需要进行跨域处理，通过axios发送请求，配置headers设置token等，成功获取到信息并解析。

proxy:{'/apiSohu':{ target:';, changeOrigin: true, pathRewrite:{'/apiSohu':'/'}},}

尝试使用百度地图的接口获取用户位置信息，需要引入百度地图依赖，并注意申请ak参数。成功获取用户省市位置及经纬度坐标，但会弹窗征求用户意见。

sohu的接口内部实现没有弹起征求用户意见的提示，而在navigator.geolocation、BMap.Geolocation()和BMap.LocalCity()中会弹起。sohu的接口、BMap.Geolocation()和BMap.LocalCity()都可以获取用户的位置信息（省市、经纬度等）。

以上就是js前端获取用户位置及ip属地信息的详细内容，更多关于js获取用户位置ip属地的资料请关注自由互联其它相关文章！

三、js如何获取访客ip归属地+自动跳转页面

1、在网站运营中，为不同地区访客提供定制化服务是提升用户体验的有效手段。实现这一功能的关键在于准确获取访客的IP归属地，并据此进行页面跳转。接下来，我将分享一个实现该功能的方法，并附上相关代码示例，以供参考。

2、第一步：获取访客IP并判断归属地

3、为实现这一目标，我选择使用太平洋网络IP地址查询Web接口，该接口提供了较为稳定且准确的IP地址解析服务。通过调用该接口，可以获取访客的IP地址信息，进一步判断其归属地。

4、在实现过程中，接口返回的数据格式需要进行解析。对于国外访客，返回信息中可能包含"err":"noprovince"，以表示未提供省份信息。而对于国内访客，则返回的错误信息为空，即"err":""。这种区分方式有助于后续实现相应的页面跳转逻辑。

5、在获取到IP地址信息后，需要进一步判断其归属地。判断方法基于上述返回信息的特点进行。若返回信息包含"noprovince"，则该访客为国外用户；反之，则为国内用户。这一判断过程为后续的页面跳转逻辑奠定了基础。

6、对于国内访客，可以实现自动跳转到特定页面。这一逻辑基于判断结果进行，确保访问特定页面的用户仅为国内访客。通过合理设计跳转逻辑，可以有效提升用户体验。

7、为了实现上述功能，以下为JavaScript代码示例，包括获取IP地址、判断归属地以及实现国内访客自动跳转的逻辑：

8、在实现上述功能时，可能会遇到跨域问题。为确保代码正常运行，建议在HTML头部加入相应的CORS（跨域资源共享）策略，以避免因跨域访问导致的失败。具体实现方式为在HTML头部添加CORS相关的HTTP头部信息。