站点底部显示的cdn回源节点炫酷代码

AMS HKG MFM是距离节点最近的机场缩写

所有节点查看:https://www.cloudflarestatus.com/

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
$.get("/cdn-cgi/trace",
function(data) {
var sip = data.match(/(ip=?)(\S*)/)[2];
var str = data.match(/(colo=?)(\S*)/)[2];
var every = [
['AMS', 'CloudFlare荷兰阿姆斯特丹'],
['HKG', 'CloudFlare香港'],
['MFM', 'CloudFlare澳门'],
['BKK', 'CloudFlare曼谷'],
['TPE', 'CloudFlare台北'],
['NRT', 'CloudFlare东京'],
['KIX', 'CloudFlare大阪'],
['ICN', 'CloudFlare仁川'],
['LHR', 'CloudFlare伦敦'],
['SIN', 'CloudFlare新加坡'],
['CDG', 'CloudFlare巴黎'],
['FRA', 'CloudFlare法兰克福'],
['KUL', 'CloudFlare马来西亚'],
['LAX', 'CloudFlare洛杉矶'],
['SJC', 'CloudFlare圣何塞'],
['KBP', 'CloudFlare乌克兰'],
['PRG', 'CloudFlare布拉格'],
['DME', 'CloudFlare莫斯科'],
['TSN', '百度云天津滨海'],
['WUH', '百度云武汉天河'],
['NGB', '百度云宁波栎社'],
['SZV', '百度云苏州光福'],
['XIY', '百度云西安咸阳'],
];
var know=false;
for (var i = 0; i < every.length; i++) {
if (str == every[i][0]) {
var know=true;
$("#这里你的id元素").append("当前CDN节点:[" + every[i][1] + "]");
}
}
if(know==false){$("#这里你的id元素").append("当前CDN节点:[" + str + "]");
}
});
1
<div id="这里你的id元素"></div>

效果:当前CDN节点:[CloudFlare洛杉矶]
原理是/cdn-cgi/trace为cf的信息显示页面 通过ajax获取到信息后显示出来

1
2
3
4
5
6
7
8
9
10
11

<script>
var t1 = new Date().getTime();
</script>
<div id="footer" class="span12">
<div class="container"></div>
<center><small id="outputdomain"></small><small id="TimeShow"></small></center>
<center><small id="result"></small></center>
<div id="jsonTip"></div>
<script type="text/javascript" src="../footer.js"></script>
</div>

http://cdn.xx.com/footer.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
document.getElementById("TimeShow").innerHTML = " 页面加载耗时" + (new Date().getTime() - t1) + "毫秒";
$(function() {

/*
$.getJSON("count.php", function(data) {
$("#outputdomain").empty();
$.each(data, function(infoIndex, info) {})
$("#outputdomain").html(strHtml);
})
*/
$.ajax({
type: "get",
dataType: "json",
url: "ip.php",
success: function(result) {
var ipData = "";
ipData += result.status + "回源节点:" + result.cdnip;
$("#jsonTip").append(ipData);

/*
var cdnip = result.cdnip;
$.ajax({
type: "get",
dataType: "json",
url: "https://ip.xx.com/ip-query-qqwry.php?ip=" + cdnip,
success: function(result) {
var ipData = "";
ipData += "(" + result.country + result.city + result.area + ")";
$("#jsonTip").append(ipData);
}
});
*/

}
});
$.get("/cdn-cgi/trace", function(data) {
var sip = data.match(/(ip=?)(\S*)/)[2];
var str = data.match(/(colo=?)(\S*)/)[2];
var every = [['HKG', '香港'], ['TPE', '台北'], ['MFM', '澳门'], ['NRT', '东京'], ['KIX', '大阪'], ['ICN', '仁川'], ['BKK', '曼谷'], ['LHR', '伦敦'], ['SIN', '新加坡'], ['CDG', '巴黎'], ['FRA', '法兰克福'], ['KUL', '马来西亚'], ['LAX', '洛杉矶'], ['SJC', '圣何塞'], ['KBP', '乌克兰'], ['PRG', '布拉格']];
for (var i = 0; i < every.length; i++) {
if (str == every[i][0]) {
$("#result").append("当前CDN节点:[" + str + "]" + every[i][1] + ",您的IP:" + sip);
}
}
/*
$.ajax({
type: "get",
dataType: "json",
url: "https://ip.xx.com/ip-query-qqwry.php?ip=" + sip,
success: function(result) {
var ipData = "";
ipData += "(" + result.country + result.city + result.area + ")";
$("#result").append(ipData);
}
});
*/

});
})

补一个

ip.php

1
2
3
4
5
6
7
8

<?php
$IFcdn=empty($_SERVER['HTTP_CDN_LOOP']);
$JSON['status']=$IFcdn?"未启用CDN":"CDN启用";
$JSON['cdnip']=$_SERVER['REMOTE_ADDR'];
$JSON['realip']=$IFcdn ? $_SERVER['REMOTE_ADDR']:$_SERVER['HTTP_X_FORWARDED_FOR'];
echo json_encode($JSON);
?>

ip-query-qqwry.php

不要归属地直接删掉

PS 基本上都来自于笨牛CDN 在此声明

不启用CDN使用可能回输出些奇怪的东西 需要酌情修改JS..