-
Notifications
You must be signed in to change notification settings - Fork 15
/
Copy pathversion.html
69 lines (60 loc) · 2.32 KB
/
version.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Browser</title>
<style>
html,
body {
height: 100%;
}
.Aligner {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.Aligner-item {
max-width: 50%;
}
.Aligner-item--top {
align-self: flex-start;
}
.Aligner-item--bottom {
align-self: flex-end;
}
</style>
</head>
<body>
<div class="Aligner">
<div class="Aligner-item">
<div style="text-align: center;">
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" fill="currentColor"
class="bi bi-window-x" viewBox="0 0 16 16">
<path
d="M2.5 5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1ZM4 5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm2-.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z" />
<path
d="M0 4a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v4a.5.5 0 0 1-1 0V7H1v5a1 1 0 0 0 1 1h5.5a.5.5 0 0 1 0 1H2a2 2 0 0 1-2-2V4Zm1 2h13V4a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2Z" />
<path
d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-4.854-1.354a.5.5 0 0 0 0 .708l.647.646-.647.646a.5.5 0 0 0 .708.708l.646-.647.646.647a.5.5 0 0 0 .708-.708l-.647-.646.647-.646a.5.5 0 0 0-.708-.708l-.646.647-.646-.647a.5.5 0 0 0-.708 0Z" />
</svg>
</div>
<h3 id="msg"></h3>
</div>
</div>
<script>
//检查浏览器语言，并显示对应的提示.
var lang = navigator.language || navigator.userLanguage;
var msg = "";
msg = 'App is not available on this browser, please update to the latest version of your browser.';
if (lang.indexOf('zh') > -1) {
msg = '很抱歉，此浏览器不受支持，请升级您的浏览器。';
}
if (lang.indexOf('ja') > -1) {
msg = 'このブラウザではアプリをご利用いただけませんので、最新のブラウザにアップデートしてください。';
}
document.getElementById('msg').innerHTML = msg;
</script>
</body>
</html>