-
Notifications
You must be signed in to change notification settings - Fork 56
/
help.html
164 lines (154 loc) · 7.08 KB
/
help.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
<!Doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport"
content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
<link rel="stylesheet" type="text/css" href="/public/lib/layui/css/layui.css">
<script src="/public/lib/jquery/jquery.js"></script>
<script src="/public/lib/layui/layui.js"></script>
<title>Check Your Browser Compatibility</title>
<link rel="stylesheet" type="text/css" href="/theme/default/static/css/app.css">
</head>
<body class="flex-center">
<div id="welcome">
<div class="layui-carousel" id="welcome-carousel">
<div carousel-item>
<div>
<table>
<td>
<strong>
<h1>Check Your Browser Compatibility</h1>
</strong>
<br>
<h4> 我们的服务依赖于浏览器提供的部分API，但部分浏览器存在兼容性问题，为了您的最佳体验，我们推荐您在使用一款新浏览器进行文件传输（包括中转下载、直传功能）前先通过本工具检查其兼容性</h4><br><br>
<button type="button" class="layui-btn layui-btn-radius layui-btn-primary layui-btn-lg next" id="download_android">开始检测</button><br><br>
</td>
</table>
</div>
<div>
<table>
<td>
<strong>
<h1>Browser Notification Check</h1>
</strong>
<br>
<h4>此功能为直传拓展功能，可提示直传的状态</h4><br>
<button type="button" class="layui-btn layui-btn-radius layui-btn-primary layui-btn-lg" id="check_notification">检 测</button><br><br>
<button type="button" class="layui-btn layui-btn-radius layui-btn-primary layui-btn-lg next">下一项</button><br><br>
</td>
</table>
</div>
<div>
<table>
<td>
<strong>
<h1>Blob Saving Check</h1>
</strong>
<br>
<h4>此功能为直传功能的依赖，点击“检测”按钮后您的浏览器可能会弹出下载框，确认下载后如果出现以下情况之一则说明您的浏览器不兼容此功能</h4><br>
<li>
文件名不为“check.txt”、文件大小为0kb、文件内容不为“Your Browser Can Save Blob!”
</li><br>
<button type="button" class="layui-btn layui-btn-radius layui-btn-primary layui-btn-lg" id="check_blob">检 测</button><br><br>
<button type="button" class="layui-btn layui-btn-radius layui-btn-primary layui-btn-lg next">解决方案</button><br><br>
</td>
</table>
</div>
<div>
<table>
<td>
<strong>
<h1>The Solution</h1>
</strong>
<br>
<h3>
使用我们提供的客户端即可解决这个问题
</h3><br><br>
<a href="/app/" target="_blank">
<button type="button" class="layui-btn layui-btn-radius layui-btn-primary layui-btn-lg" >前往下载</button></a>
</td>
</table>
</div>
</div>
</div>
</div>
<script>
layui.use(function () {
var carousel = layui.carousel,
layer = layui.layer,
form = layui.form;
carousel.render({
elem: '#welcome-carousel',
autoplay: false,
arrow: 'hover',
indicator: 'none',
full: true,
anim:"updown"
});
$(".next").click(function(){
$("[lay-type='add']").click()
})
$("#check_blob").click(function(){
a=new Blob(["Your Browser Can Save Blob!"])
if(window.navigator.msSaveOrOpenBlob) {
navigator.msSaveBlob(a, "check.txt");
} else {
var link = document.createElement('a');
var body = document.querySelector('body');
link.href = window.URL.createObjectURL(a);
link.download = "check.txt";
// fix Firefox
link.style.display = 'none';
body.appendChild(link);
link.click();
body.removeChild(link);
window.URL.revokeObjectURL(link.href);
};
})
$("#check_notification").click(function(){
if (window.Notification && document.location.protocol=="https:") {
if(Notification.permission=="default"){
layer.confirm('此功能需要获取浏览器的通知权限<br>手机浏览器一般不支持此功能',{
cancel:function(index){
layer.close(index);
},
title: "获取权限"
},function(index){
Notification.requestPermission(function(status) {
if (status === "granted") {
try{new Notification("浏览器兼容性测试", {
body:"测试成功"
})}catch(e){
layer.msg("您的浏览器不支持此功能",{time:1500})
}
} else if(status === "default"){
layer.msg("权限获取失败，可尝试重新获取",{icon:2,time:1500})
} else if(status === "denied"){
layer.msg("您禁用了通知权限",{icon:2,time:1500})
}
});
},function(index){
layer.close(index);
})
}else if(Notification.permission=="denied"){
layer.open({
content:"此功能需要获取浏览器的通知权限，您曾禁止了我们获取的此项权限<Br>请尝试重置网站设置以便我们能够重新获取该权限",
title:"无法启用"
})
$("#if_notify_box").prop("checked",false);
}else if (Notification.permission === "granted") {
try{new Notification("浏览器兼容性测试", {
body:"测试成功"
})}catch(e){
layer.msg("您的浏览器不支持此功能",{time:1500})
}
}
}else{
layer.msg("您的浏览器不支持此功能")
}
})
})
</script>
</body>
</html>