| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Simple Webkit notification example</title> | |
| </head> | |
| <h2>设置权限</h2> | |
| <button id="request">允许</button> | |
| <h2>显示消息</h2> | |
| <button id="show">显示消息</button> | |
| <script type="text/javascript"> | |
| document.getElementById('request').addEventListener('click', function() { | |
| window.webkitNotifications.requestPermission(); | |
| }, false); | |
| document.getElementById('show').addEventListener('click', function() { | |
| showNotification(); | |
| }, false); | |
| function showNotification() { | |
| // only show if we've got the correct permissions | |
| if (window.webkitNotifications.checkPermission() === 0) { | |
| // note the show() | |
| window.webkitNotifications.createNotification('http://m.poco.cn/mobile/images/app_icon-114x114.png', '欢迎进入POCO世界', 'POCO世界！').show(); | |
| } | |
| } | |
| </script> | |
| </html> |