jianchaipshifouzuduan
/
index.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	<meta name="renderer" content="webkit">
	<meta http-equiv="Cache-Control" content="no-siteapp"/>
	<title>检测</title>
	<link href="https://cdn.bootcss.com/mdui/0.4.3/css/mdui.css" rel="stylesheet">

</head>
<body class="mdui-appbar-with-toolbar  mdui-theme-primary-indigo mdui-theme-accent-pink">
	<header class="mdui-appbar mdui-appbar-fixed">
		<div class="mdui-toolbar mdui-color-theme">
			<a href="#" class="mdui-typo-headline mdui-hidden-xs ">阻断测试</a>
			<a href="./" class="mdui-typo-title">TEST</a>
		</div>
	</header>
	<div class="mdui-container">
		<div class="mdui-textfield mdui-textfield-floating-label">
			<label class="mdui-textfield-label">IP</label>
			<input class="mdui-textfield-input" id="ip" type="text"/>
		</div>
		<div class="mdui-textfield mdui-textfield-floating-label">
			<label class="mdui-textfield-label">端口</label>
			<input class="mdui-textfield-input" id="port" type="number" min="1" max="65535" />
		</div>
		<br>
		<button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent mdui-center">测试</button>
		<br>

		<ul class="mdui-list" style="display: none">
			<li class="mdui-list-item mdui-ripple">
				<div class="mdui-list-item-content">国内TCP</div>
				<div class="mdui-spinner mdui-spinner-colorful" id="cntcpj"></div>
				<span style="color: red" id="cntcp"></span>
			</li>
			<li class="mdui-list-item mdui-ripple">
				<div class="mdui-list-item-content">国内ICMP</div>
				<div class="mdui-spinner mdui-spinner-colorful" id="cnicmpj"></div>
				<span style="color: red" id="cnicmp"></span>
			</li>
			<li class="mdui-list-item mdui-ripple">
				<div class="mdui-list-item-content">国外TCP</div>
				<div class="mdui-spinner mdui-spinner-colorful" id="entcpj"></div>
				<span style="color: red" id="entcp"></span>
			</li>
			<li class="mdui-list-item mdui-ripple">
				<div class="mdui-list-item-content">国外ICMP</div>
				<div class="mdui-spinner mdui-spinner-colorful" id="enicmpj"></div>
				<span style="color: red" id="enicmp"></span>
			</li>
		</ul>
	</div>
</body>
<script src="https://cdn.bootcss.com/mdui/0.4.3/js/mdui.js"></script>
<script src="https://cdn.bootcss.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">

</script>
<script type="text/javascript">
	// 在这修改防止在您服务器上的地址
	// 本机网址可直接 ./check.php 即可
	var cnurl = 'https://music.idait.cn/check.php';
	var enurl = 'http://check.myapi.ml/check.php';
</script>
<script type="text/javascript" src="js/js.js"></script>
</html>