forked from ljxi/NetworkPanel
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
93 lines (90 loc) · 4.07 KB
/
index.html
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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<link rel="icon" href="./icon.png">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<title>网络面板 - 实时监测您的网络情况</title>
<meta name="keywords" content="网络面板,网络面板官网,网络测速,网速测试,ljxnet,Whoami,flowloss,流量消耗器,流量消耗,定向流量消耗">
<meta name="description" content="网络面板(NetworkPanel)是一个在线流量消耗器，可以测试您的网速，监测您的网络环境，提供丰富测试节点，并且长期维护更新">
<meta property="og:image" content="./seo.png">
<meta name="author" content="Whoami">
<meta name="color-scheme" content="light dark">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="网络面板"/>
<meta name="format-detection" content="telephone=no">
<link rel="apple-touch-icon-precomposed" href="./icon-fill.png">
<meta name="msapplication-TileImage" content="./icon-fill.png">
<meta name="msapplication-TileColor" content="#0e90d2">
<meta name="baidu-site-verification" content="codeva-WSnRITfckW" />
<meta name="baidu_union_verify" content="844e54539687a7613d24c288e42328a4">
<link rel="manifest" href="./manifest.webmanifest">
<style>
body{
background-color: aliceblue;
margin: 0;
font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}
@media (prefers-color-scheme: dark) {
body {
background-color: rgb(33,34,37);
}
:root{
--el-color-white: rgb(18,18,18);
}
.el-loading-mask {
--el-mask-color: rgb(20,20,20);
}
}
::-webkit-scrollbar {
display: none; /* Chrome Safari */
}
html{
scrollbar-width: none;/* Firefox */
}
</style>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?25b770e160a55cf023c304174b63571f";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script>
!function(p){"use strict";!function(t){var s=window,e=document,i=p,c="".concat("https:"===e.location.protocol?"https://":"http://","sdk.51.la/js-sdk-pro.min.js"),n=e.createElement("script"),r=e.getElementsByTagName("script")[0];n.type="text/javascript",n.setAttribute("charset","UTF-8"),n.async=!0,n.src=c,n.id="LA_COLLECT",i.d=n;var o=function(){s.LA.ids.push(i)};s.LA?s.LA.ids&&o():(s.LA=p,s.LA.ids=[],o()),r.parentNode.insertBefore(n,r)}()}({id:"3G2Vc20xpg3Ashoi",ck:"3G2Vc20xpg3Ashoi",autoTrack:true,hashMode:true});
</script>
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
<script>
var lastTouchEnd = 0
if (!!('ontouchstart' in window || navigator.maxTouchPoints)) {
document.documentElement.addEventListener(
'touchend',
function(event) {
var now = Date.now()
if (now - lastTouchEnd <= 300) {
event.preventDefault()
}
lastTouchEnd = now
}, {
passive: false
}
)
}
const darkModeQuery = window.matchMedia("(prefers-color-scheme: dark)");
const classVal = document.getElementsByTagName('html')[0].classList;
if (darkModeQuery.matches) {
classVal.add("dark");
}
darkModeQuery.addEventListener("change", (e) => {
e.matches ? classVal.add("dark") : classVal.remove("dark")
});
</script>
</body>
</html>