Chrome桌面通知示例

如何使用Chrome桌面通知?我想在我自己的代码中使用它。

更新:这里有一篇博文用一个例子解释了webkit通知。

当前回答

<!DOCTYPE html>

<html>

<head>
<title>Hello!</title>
<script>
function notify(){

if (Notification.permission !== "granted") {
Notification.requestPermission();
}
 else{
var notification = new Notification('hello', {
  body: "Hey there!",
});
notification.onclick = function () {
  window.open("http://google.com");
};
}
}
</script>
</head>

<body>
<button onclick="notify()">Notify</button>
</body>

2016-10-07 09:41:49

其他回答

检查设计和API规范(它仍然是草稿)或从(页面不再可用)查看一个简单的例子的源代码:它主要是对window.webkitNotifications.createNotification的调用。

如果你想要一个更健壮的例子(你试图创建自己的谷歌Chrome的扩展，并想知道如何处理权限，本地存储等)，检查Gmail Notifier扩展:下载crx文件而不是安装它，解压缩它并阅读其源代码。

2010-02-28 04:56:57

这里有关于api的很好的文档，

https://developer.chrome.com/apps/notifications

谷歌的官方视频解释，

https://developers.google.com/live/shows/83992232-1001

2014-04-11 06:32:48

js是一个新的webkit通知的包装器。它运行得很好。

http://alxgbsn.co.uk/2013/02/20/notify-js-a-handy-wrapper-for-the-web-notifications-api/

2014-07-03 22:04:12

我喜欢:http://www.html5rocks.com/en/tutorials/notifications/quick/#toc-examples，但它使用旧的变量，所以演示不再工作。webkitNotifications现在是Notification。

2011-02-19 17:47:55

<!DOCTYPE html>

<html>

<head>
<title>Hello!</title>
<script>
function notify(){

if (Notification.permission !== "granted") {
Notification.requestPermission();
}
 else{
var notification = new Notification('hello', {
  body: "Hey there!",
});
notification.onclick = function () {
  window.open("http://google.com");
};
}
}
</script>
</head>

<body>
<button onclick="notify()">Notify</button>
</body>

2016-10-07 09:41:49

Chrome桌面通知示例

推荐文章

最新文章

标签