<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>獲取ip</title>
</head>
<body>
<script src="https://pv.sohu.com/cityjson?ie=utf-8"></script>
<script src="/js/public/jquery.js"></script>
<script type="text/javascript">
$(function(){
//獲取外網ip方式1：搜狐
getIpBysouhu();
//獲取外網ip方式2：ipify
getIpByIpify();
//獲取內網ip方式1：
getIP();
});
//獲取外網ip方式1：搜狐
function getIpBysouhu(){
console.log("---cip---"+returnCitySN["cip"]);
console.log("---cid---"+returnCitySN["cid"]);
console.log("---cname---"+returnCitySN["cname"]);
}
//獲取外網ip方式2：ipify
function getIpByIpify(){
$.ajax({
url : "https://api.ipify.org/?format=json",
type : "GET",
data : {},
dataType : "json",
success : function(result) {
console.log("---ip---"+result.ip);
},
error : function(){
}
});
}
//獲取內網ip方式1：
function getIP() {
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];
console.log("---ip(內)---"+ip_isMatch);
if (!recode[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);
}
</script>
</body>
</html>
