Ausführliche Benachrichtigungen mit webKit

Verwenden Sie umfassende Desktop-Benachrichtigungen, um Nutzer über wichtige Ereignisse zu informieren. Benachrichtigungen werden außerhalb des Browserfensters angezeigt. Wie die folgenden Snapshots zeigen, hängen die Details zur Darstellung und Anzeige von Benachrichtigungen von der Plattform ab.

Benachrichtigungen unter Microsoft Windows

Benachrichtigungen unter Mac OS X

Benachrichtigungen unter Ubuntu Linux

Für das Benachrichtigungsfenster verwenden Sie JavaScript und optional eine HTML-Seite, die in die Erweiterung verpackt ist.

Beispiel

Deklariere zuerst die Berechtigung notifications in deinem Manifest:

{
  "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"
  ],
}

Verwenden Sie dann das Objekt webkitNotifications, um Benachrichtigungen zu erstellen:

// 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-Referenz

Weitere Informationen finden Sie in der Entwurfsspezifikation für Desktop-Benachrichtigungen.

Mit anderen Ansichten kommunizieren

Mithilfe von extension.getBackgroundPage und extension.getViews können Sie zwischen einer Benachrichtigung und anderen Ansichten in der Erweiterung kommunizieren. Beispiel:

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

Weitere Beispiele

Ein einfaches Beispiel für die Verwendung von Benachrichtigungen finden Sie im Verzeichnis examples/api/notifications. Weitere Beispiele und Hilfe zum Aufrufen des Quellcodes finden Sie unter Beispiele.

Weitere Informationen finden Sie in der Anleitung zu Benachrichtigungen von html5rocks.com. Ignorieren Sie den berechtigungsbezogenen Code; es ist nicht erforderlich, wenn Sie die Berechtigung "Benachrichtigungen" deklarieren.