forked from ChenYFan/ClientWorker
/
404.html
65 lines (58 loc) · 3.78 KB
/
404.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
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
<meta name="robots" content="noindex, nofollow" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>SMOE Checking</title>
<style type="text/css">
html,body{width:100%;height:100%;margin:0;padding:0}body{background-color:#fff;color:#000;font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.7em;-webkit-font-smoothing:antialiased}h1{text-align:center;font-weight:700;margin:16px 0;font-size:32px;color:#000;line-height:1.25}p{font-size:20px;font-weight:400;margin:8px 0}p,.attribution,{text-align:center}.attribution{margin-top:32px}@keyframes fader{0%{opacity:.2}50%{opacity:1.0}100%{opacity:.2}}@-webkit-keyframes fader{0%{opacity:.2}50%{opacity:1.0}100%{opacity:.2}}#cf-bubbles>.bubbles{animation:fader 1.6s infinite}#cf-bubbles>.bubbles:nth-child(2){animation-delay:.2s}#cf-bubbles>.bubbles:nth-child(3){animation-delay:.4s}.bubbles{background-color:#f58220;width:20px;height:20px;margin:2px;border-radius:100%;display:inline-block}a{color:#2c7cb0;text-decoration:none;-moz-transition:color .15s ease;-o-transition:color .15s ease;-webkit-transition:color .15s ease;transition:color .15s ease}a:hover{color:#f4a15d}.attribution{font-size:16px;line-height:1.5}.ray_id{display:block;margin-top:8px}code{font-family:-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, "Helvetica Neue",Arial, sans-serif;}
</style>
</head>
<body>
<table width="100%" height="100%" cellpadding="20">
<tr>
<td align="center" valign="middle">
<div class="cf-browser-verification cf-im-under-attack">
<noscript>
<h1 data-translate="turn_on_js" style="color:#bd2426;">请启用JavaScript并刷新此页面。</h1>
</noscript>
<div id="cf-content" style="display:block">
<div id="cf-bubbles">
<div class="bubbles"></div>
<div class="bubbles"></div>
<div class="bubbles"></div>
</div>
<h1><span data-translate="checking_browser">在访问 smoe.cc 之前检查您的浏览器。</span> </h1>
<h2><span data-translate="checking_browser">Checking your browser before accessing smoe.cc</span> </h2>
<p data-translate="process_is_automatic">此过程将自动执行,您的浏览器很快会重定向至您请求的内容。</p>
<p data-translate="allow_5_secs" id="cf-spinner-allow-5-secs" >请等待最多 5 秒钟。</p>
</div>
<div class="attribution">
DDoS 保护由 <a rel="noopener noreferrer" href="https://www.cloudflare.com/5xx-error-landing/" target="_blank">Cloudflare</a> 提供。
<br>
<span class="ray_id">Ray ID: <code id='randomID'>::RAY_ID::</code></span>
</div>
</td>
</tr>
</table>
<script>
document.getElementById('randomID').innerText = Math.random().toString(36).slice(-8)+Math.random().toString(36).slice(-8);
if ('serviceWorker' in navigator) {
window.addEventListener('load', function () {
navigator.serviceWorker.register('/sw.js')
.then(reg => {
document.getElementById('cf-spinner-allow-5-secs').innerText = "检查成功,进入原始界面中..."
location.reload();
}).catch(err => {
document.getElementById('cf-spinner-allow-5-secs').innerText = `检查失败...错误原因:${err}`
})
});
} else {
document.getElementById('cf-spinner-allow-5-secs').innerText = "当前浏览器不支持SW API!"
}
</script>
</body>
</html>