桌面应用程序，真的很酷，一个桌面应用程序的优点是桌面可以显示通知，即使用户处在不同的应用程序中。而且安全性提高了不少，目前浏览器依然是一个严格的沙盒工作模式，这种模式把浏览器和桌面的通信隔离开，但WHATWG下在讨论的一种特性Notification可以跨越沙盒通过桌面向用户发出浏览器的通知。现在在Html5中也可以实现这一功能，目前Notification的浏览器支持情况不大好
桌面提醒html5
因为HTML5在Web应用程序中有很多桌面相关的功能，如来实现全屏API，获取摄像头，麦克风和桌面通知的访问。最喜欢的系统相关API桌面通知也同意用户选择，让我们看看你得到通知用户同意的情景点击桌面提醒显示时间，效果图如下：
html5桌面提醒通知
源码：
<!DOCTYPE html>
<html>
<head>
<meta charset=gb2312 />
<title>Desktop Notification</title>
</head>
<body>
<input type=“button” value=“桌面提醒显示时间” onClick=“fnShow();”>
<script>
function fnShow() {
var date = new Date();
var time = date.getHours() + ”:” + date.getMinutes() + ”:” + date.getSeconds();
Notification.requestPermission(function (perm) {
if (perm == ”granted”) {
var notification = new Notification(“现在时间:”, {
dir: ”auto”,
lang: ”hi”,
tag: ”testTag”,
icon: ”http://www.html5party.com/bbs/static/image/common/logo.png”,
body: time
});
}
})
}
</script>
</body>
</html> > 1、Notification.requestPermission();
> 检测用户是否同意执行，这个方法用于向用户请求获得消息提醒的权限，调用这个方法将产生如下效果，分别对应着3中状态：“granted”（状态值：0）表示用户同意消息提醒；“default”（状态值：1）表示默认状态，用户既未拒绝，也未同意；“denied”（状态值：1）表示用户拒绝消息提醒。只有在状态值为0的时候才能够允许消息提醒，这个值保存在一个内部变量中，并且是只读的，通过checkPermission()方法可以提取到> 2.checkPermission()
> 这个方法用于获取请求权限的状态值，并返回这个值。
3.createNotification()
这个方法以纯消息的方式创建提醒消息，它接受三个参数：iconURL, title, body。这三个参数均为字符串格式，iconURL表示一个图标地址、title表示消息标题、body表示消息主体，默认这三个参数为空字符串。
8241
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
