透過 webKit 執行複合式通知

利用內容豐富的桌面通知,通知使用者事件發生。通知 在瀏覽器視窗外的位置如下列數據匯報顯示,詳細說明通知方式 外觀和顯示位置因平台而異。

Microsoft Windows 通知

Mac OS X 通知

Ubuntu Linux 通知

您可使用一些 JavaScript 建立通知視窗,並視需要使用封裝的 HTML 網頁 。

範例

首先,請在資訊清單中宣告 notifications 權限:

{
  "name": "My extension",
  "manifest_version": 2,
  ...
  "permissions": [
    "notifications"
  ],
  ...
  // Note: Because of bug 134315, you must declare any images you
  // want to use with createNotification() as a web accessible resource.
  "web_accessible_resources": [
    "48.png"
  ],
}

接著,使用 webkitNotifications 物件建立通知:

// Note: There's no need to call webkitNotifications.checkPermission().
// Extensions that declare the notifications permission are always
// allowed create notifications.

// Create a simple text notification:
var notification = webkitNotifications.createNotification(
  '48.png',  // icon url - can be relative
  'Hello!',  // notification title
  'Lorem ipsum...'  // notification body text
);

// Or create an HTML notification:
var notification = webkitNotifications.createHTMLNotification(
  'notification.html'  // html url - can be relative
);

// Then show the notification.
notification.show();

API 參考資料

請參閱桌面通知草稿規格

與其他檢視畫面通訊

您可以使用以下擴充功能,在通知和其他檢視畫面之間進行通訊: extension.getBackgroundPageextension.getViews。例如:

chrome.extension.getBackgroundPage().doThing();
chrome.extension.getViews({type:"notification"}).forEach(function(win) {
  win.doOtherThing();
});

其他示例

您可以在 examples/api/notifications 中查看通知的簡單範例 目錄。如需其他範例及瞭解如何查看原始碼,請參閱「範例」。

另請參閱 html5rocks.com 的通知教學課程。忽略權限相關程式碼;是 不必要的做法是宣告「通知」權限。