通知 HTML5 在 Chrome 本地工作嗎？

Question

我正在嘗試在 Chrome 中創建通知。 我已經編寫了這個簡單的代碼，但是 CHrome 中顯示了通知，而checkPermission()返回了0 。

我和這個網站（示例）做同樣的事情，它在我的 Chrome 瀏覽器中運行良好。

if (window.webkitNotifications.checkPermission() == 0) {
  window.webkitNotifications.createNotification("icon.png", "title", "text").show();
} else {
  window.webkitNotifications.requestPermission();
}

問題出在哪兒 ？

[編輯：問題已修復]

事實上，我允許在 Chrome 設置中顯示來自所有網站的通知，現在，它工作正常！

Answer 1

請求權限僅適用於用戶手勢（請參閱下面的問題，並引用文檔中的內容）。

簡而言之，您需要注冊一個點擊事件或類似的東西，然后請求許可。

document.querySelector('#show_button').addEventListener('click', function() {
  if (window.webkitNotifications.checkPermission() == 0) { // 0 is PERMISSION_ALLOWED

    var notification = window.webkitNotifications.createNotification(
        'icon.png', 'Notification Title', 'Notification content...');
      notification.show();
  } else {
    window.webkitNotifications.requestPermission();
  }
}, false);

這是一個jsfiddle

Webkit 通知 requestPermission 功能不起作用
requestPermission 請求用戶代理請求用戶允許顯示來自腳本的通知。 這個方法應該只在處理用戶手勢時調用； 在其他情況下，它不會產生任何影響。 此方法是異步的。 當用戶響應權限請求時，將調用回調中提供的函數。 如果當前權限級別為 PERMISSION_DENIED，則用戶代理可能不會響應 requestPermission 采取任何行動。