HTML5的桌面通知

今天给网站加了个消息桌面通知功能，用的是webkit的notifications，这个功能的效果如下：

需要浏览器采用webkit内核来浏览网页，目前大部分浏览器都支持webkit内核，比如国产浏览器的强大阵容，360、搜狗、熬夜、qq浏览器等，都是双内核的。不过最喜欢的当然还是Chrome了。无视IE。

使用方法：

1、首次调用该功能需要进行授权，授权代码：

window.webkitNotifications.requestPermission(webkitNotify);

这里有个特殊的地方要注意：如果你直接运行上面的代码你会发现浏览器啥反应都没有，但是如果你搞个按钮啥的，然后添加click事件，在事件里调用该代码，这时浏览器才会有反应。我想应该是处于安全考虑吧，必须检测到用户的动作（比如点击鼠标等），才可以询问授权。

授权时界面这样：

2、显示通知：

	function webkitNotify() {
		if (window.webkitNotifications) {
			if (window.webkitNotifications.checkPermission() == 0) {
				var notification_nc = window.webkitNotifications.createNotification("http://yunvs.b0.upaiyun.com/statics/images/nficon.png", window.notify_title, window.notify_desc);
				notification_nc.replaceId = 'yunvsncnotify';
				notification_nc.show();
			} else {
				window.webkitNotifications.requestPermission(webkitNotify);
			}
		} 
	}