-
Notifications
You must be signed in to change notification settings - Fork 0
/
websitepush.php
64 lines (62 loc) · 1.6 KB
/
websitepush.php
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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
/*
Notification.permission
default：用户还没有做出任何许可，因此不会弹出通知。
granted：用户明确同意接收通知。
denied：用户明确拒绝接收通知。
*/
if(window.Notification)
{
console.log("您支援推播功能！");
Notification.requestPermission(function(status)
{
if(status === "granted")
{
var n = new Notification('這是標題',
{
dir: 'auto', //文字方向，可能的值為auto、ltr（從左到右）和rtl（從右到左），一般是繼承瀏覽器的設置
lang: 'zh-TW', //使用的語種，比如en-US、zh-CN
body: '這是內容！', //通知內容，格式為字符串，用來進一步說明通知的目的
tag: '12345', //通知的ID，格式為字符串。一組相同tag的通知，不會同時顯示，只會在用戶關閉前一個通知後，在原位置顯示
icon: 'http://www.littlebau.com/phonegap_build_6.3.0/material/icon.png', //圖表的URL，用來顯示在通知上
});
n.onshow = function()
{
console.log("訊息已顯示！");
setTimeout(n.close.bind(n), 10000); //自動關閉
}
n.onclick = function()
{
console.log("訊息已點擊！");
window.open('http://www.littlebau.com');
n.close();
}
n.onclose = function()
{
console.log("訊息已關閉！");
}
n.onerror = function()
{
console.log("訊息發生錯誤！");
}
}
else
{
alert("您尚未允許或已封鎖了推播！");
}
})
}
else
{
alert('不支援推播');
}
</script>
</body>
</html>