-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
203 lines (201 loc) · 7.34 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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>
网络测速 - 实时动态监测网络情况
</title>
<meta name="keywords" content="网络面板,网络面板官网,网络测速,网速测试,ljxnet,Whoami,flowloss,流量消耗器,流量消耗,定向流量消耗">
<meta name="description" content="网络测速是一个在线流量消耗器，可以测试您的网速，监测您的网络环境，提供丰富测试节点，并且长期维护更新">
<meta name="author" content="赤瞳">
<meta name="renderer" content="webkit">
<meta name="apple-mobile-web-app-title" content="网络面板" />
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-TileColor" content="#0e90d2">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<link rel="stylesheet" href="./layui/css/layui.css" media="all">
<link rel="stylesheet" href="./layui/css/admin.css" media="all">
<style type="text/css">
.flex-container { display: flex; align-items: center; }
</style>
</head>
<body>
<div class="layui-fluid">
<div class="layui-row">
<div class="layui-col-md-offset2 layui-col-md8">
<div class="layui-card">
<div class="layui-card-header">
配置面板
</div>
<div class="layui-card-body" style="margin-top: 11px;">
<form class="layui-form layui-form-pane">
<div class="layui-form-item">
<label class="layui-form-label">
云端节点
</label>
<div class="layui-input-block">
<select id='select' lay-filter="select" type="text" class="form-control">
<option value=""></option>
<option value="自定义链接">
自定义链接
</option>
</select>
</div>
</div>
<div class="layui-form-item" id="inputBlock" style="display: none;">
<label class="layui-form-label">
测速链接
</label>
<div class="layui-input-block">
<input type="text" id="link" lay-affix="clear" placeholder="请输入测速链接" class="layui-input">
</div>
</div>
<div class="layui-form-item" id="flowLimit">
<label class="layui-form-label">
流量限制
</label>
<div class="layui-input-block flex-container">
<input type="text" id="showMax" disabled class="layui-input">
<button type="button" id="editButton" class="layui-btn layui-btn-primary">
<i class="layui-icon layui-icon-edit"></i>
</button>
</div>
</div>
<div class="layui-form-item" pane="">
<label class="layui-form-label">
流量无限制
</label>
<div class="layui-input-block">
<input type="checkbox" lay-filter="switchtest1" lay-skin="switch" title="开启|关闭">
</div>
</div>
<div class="layui-form-item" pane="">
<label class="layui-form-label">
后台运行
</label>
<div class="layui-input-block">
<input type="checkbox" id="customSwitch2" name="open" lay-skin="switch"
lay-filter="switchtest2" title="开启|关闭">
</div>
</div>
<div class="layui-form-item">
<div class="layui-card-body">
<input type="hidden" id="thread" name="thread" value="8">
<div id="slider"></div>
</div>
</div>
<div class="layui-form-item">
<button class="layui-btn layui-btn-radius layui-btn-fluid" onclick="botton_clicked();"
id="do" lay-submit lay-filter="submitBtn">
开始测速
</button>
</div>
</form>
</div>
</div>
<div class="layui-card">
<div class="layui-card-header">
数据面板
</div>
<div class="layui-card-body">
<div class="layui-row layui-col-space10">
<div class="layui-col-xs12 layui-col-sm4">
<div class="layuiadmin-card-text">
<div class="layui-text-top">
<i class="layui-icon layui-icon-water"></i>
<span>
流量
</span>
</div>
<p class="layui-text-center" style="pointer-events:none;" id="total">
-
</p>
</div>
</div>
<div class="layui-col-xs12 layui-col-sm4">
<div class="layuiadmin-card-text">
<div class="layui-text-top">
<i class="layui-icon layui-icon-loading-1 layui-anim layui-anim-rotate layui-anim-loop"></i>
<span id="describe">
速率
</span>
</div>
<p class="layui-text-center" style="pointer-events:none;" id="speed">
-
</p>
</div>
</div>
<div class="layui-col-xs12 layui-col-sm4">
<div class="layuiadmin-card-text">
<div class="layui-text-top">
<i class="layui-icon layui-icon-chart"></i>
<span>
宽带
</span>
</div>
<p class="layui-text-center" style="pointer-events:none;" id="mbps">
-
</p>
</div>
</div>
</div>
</div>
</div>
<div class="layui-card">
<div class="layui-card-header" style="display: flex; justify-content: space-between; align-items: center;">实时图表
<button type="button" id="dvv" value="开启图表" class="layui-btn layui-btn-xs layui-bg-red">开启图表</button>
</div>
<div class="layui-card-body">
<div id="dv" style="height: 360px;"></div>
</div>
</div>
<div class="layui-card">
<div class="layui-card-header">
出口地址
</div>
<div class="layui-card-body">
<li>
<span id="ipcn">
获取中...
</span>
<span style="pointer-events:none;float: right;" id="laycn">
-ms
</span>
</li>
<li id="listItem" style="display:none;">
<span id="ipgb">
获取中...
</span>
<span style="pointer-events:none;float: right;" id="laygb">
-ms
</span>
</li>
</div>
</div>
<div class="layui-card" style="text-align: center;">
<div class="layui-card-body">
基于<span style="color: #FF0000;">Whoami</span>的开源项目<span style="color: #FF0000;">NetworkPanel</span>修改
<br>NetworkPanel源码地址：<a href="https://github.com/ljxi/NetworkPanel" style="color: #1E90FF;">NetworkPanel</a><br>本站源码地址：<a href="https://github.com/hzh888/networkspeed" style="color: #1E90FF;">Networkspeed</a>
</div>
</div>
</div>
</div>
</div>
<audio controls id="music" loop="loop" style="display:none">
<source src="res/background.mp3" type="audio/mpeg">
</audio>
<script src="./layui/layui.js"></script>
<script src="./index.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.5.0/echarts.js"></script>
<script>
var _hmt = _hmt || []; (function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?2eb9d2e74f8ec14ac8282c9aa432f52c";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html>