Chrome桌面通知示例

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

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

当前回答

检查设计和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

<!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

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

2011-02-19 17:47:55

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

2010-02-28 04:56:57

我制作了这个简单的通知包装器。它可以在Chrome、Safari和Firefox上运行。

可能在Opera、IE和Edge上也有，但我还没有测试过。

只需从这里获取通知.js文件https://github.com/gravmatt/js-notify并将其放入您的页面。

干掉鲍尔

$ bower install js-notify

它是这样工作的:

notify('title', {
    body: 'Notification Text',
    icon: 'path/to/image.png',
    onclick: function(e) {}, // e -> Notification object
    onclose: function(e) {},
    ondenied: function(e) {}
  });

你必须设置标题，但json对象作为第二个参数是可选的。

2016-01-13 10:24:43

Chrome桌面通知示例

推荐文章

最新文章

标签