Question

我找到了documentation Chrome浏览器丰富的通知是否可以（获得正确的权限后）在常规网页中使用这些通知？如果没有，Chrome中是否还有其他类型的桌面通知？
也许像gmail这样的东西已经做了很长时间了？

Answer 1

所以你需要这样的东西吗？

<script>
function notify() {
  var havePermission = window.webkitNotifications.checkPermission();
  if (havePermission == 0) {
    // 0 is PERMISSION_ALLOWED
    var notification = window.webkitNotifications.createNotification(
      'http://test.didacticmedia.ro/img/didactic.png',
      'Notification test!',
    'details text'
    );

    notification.onclick = function () {
      window.open("http://stackoverflow.com/questions/18414462/chrome-rich-notifications-in-normal-web-pages/19031405#19031405");
      notification.close();
    }
    notification.show();
  } else {
      window.webkitNotifications.requestPermission();
  }
}  
</script>

<div style="width: 100px; height: 100px; background: red" onclick="notify()">
Click here!
</div>

Answer 2

富通知似乎在常规网页中不可用。我的基础是他们使用chrome.notifications，这在普通的Chrome浏览器窗口中是未定义的。（如果有解决方法，我想知道）。

您可以使用常规Notification对象，这似乎是一个新标准，尽管它远非“丰富”，并且在所有浏览器中的行为都不一样。例如，在Chrome中，通知会一直持续到用户解除它为止，而在Firefox中，它只会在屏幕上停留几秒钟。

普通网页中的Chrome Rich Notifications？

2 个答案: