Chrome桌面通知示例

Question

Chrome桌面通知示例如何使用Chrome桌面通知？我想把它用在我自己的代码里。更新：这是博客文章用一个例子解释Webkit通知。

Answer 1

检查设计和API规范(它仍然是一个草案)或检查源(页面不再可用)的一个简单的例子：它主要是一个调用window.webkitNotifications.createNotification.

如果您想要一个更健壮的示例(您正在尝试创建自己的GoogleChrome扩展，并且想知道如何处理权限、本地存储等)，请查看Gmail通知扩展下载CRX文件而不是安装它，解压缩它并读取它的源代码。

Answer 2

看来window.webkitNotifications已经被废弃和移除了。然而，有一个新API，它似乎也适用于最新版本的Firefox。

function notifyMe() {
  // Let's check if the browser supports notifications
  if (!("Notification" in window)) {
    alert("This browser does not support desktop notification");
  }

  // Let's check if the user is okay to get some notification
  else if (Notification.permission === "granted") {
    // If it's okay let's create a notification
    var notification = new Notification("Hi there!");
  }

  // Otherwise, we need to ask the user for permission
  // Note, Chrome does not implement the permission static property
  // So we have to check for NOT 'denied' instead of 'default'
  else if (Notification.permission !== 'denied') {
    Notification.requestPermission(function (permission) {

      // Whatever the user answers, we make sure we store the information
      if(!('permission' in Notification)) {
        Notification.permission = permission;
      }

      // If the user is okay, let's create a notification
      if (permission === "granted") {
        var notification = new Notification("Hi there!");
      }
    });
  } else {
    alert(`Permission is ${Notification.permission}`);
  }}

密码