欢迎您,零度科技专业海外服务器租用
公司电话: 24小时电话: 

当前位置:首页>网站建设教程>javascript教程>jquery教程

目录导航

chrome浏览器的桌面通知规范desktop notifications

台湾游戏服务器 添加于 2013-11-28  
jquery教程

W3C specification:http://www.w3.org/TR/notifications/ 这是w3c的最新的浏览器桌面通知的规范,现在只有chrome支持w3c的较低版本的桌面通知规范,http://www.chromium.org/developers/design-documents/desktop-notifications/api-specification,

创建桌面通知会有两步骤:
1.需要获得用户的允许网站允许发送桌面通知到桌面;
2. 如果用户允许,你则可以使用chrome的桌面API发送一个桌面通知给用户。

代码如下:可以自己放在chrome试试。firefox需要这个插件的支持:https://addons.mozilla.org/en-us/firefox/addon/html-notifications/

<!DOCTYPE html>
<html>
<head>
<title>Simple Webkit notification example</title>
</head>
 
<h2>First click the 'request permission' button</h2>
<button id="request">Request permission</button>
<h2>After permission is granted, click the 'show notification' button</h2>
<button id="show">Show notification</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('images/email.jpg', 'Plain Text Notification', 'Notification from the browser!').show();
	}
}
</script>
</html>

本文出自零度科技转载请注明出处:http://www.ldisp.com/a/jquery/2013/2417.shtml

上一篇:Bootstrap Tab支持历史记录(History)- hash change
下一篇:jQuery滚动监听插件Waypoints

 
了解零度?

零度科技主营全球服务器租用,如果您有服务器租用需求请联系

海外服务器租用

推荐香港、美国、韩国。提供站群服务器、高防服务器租用

海外特价服务器

关注零度特价服务器频道,了解全球特价服务器。

0

业务咨询

    技术服务

      特价活动
        全站搜索
        热门搜索:
        会员
        0通知
        客服
        0特价
        搜索
        TOP
        香港高防服务器,远程桌面,韩国服务器,nginx,反向代理