[javascript] Chrome-Desktop-Benachrichtigungsbeispiel


Answers

Überprüfen Sie das design und die API-Spezifikation (es ist immer noch ein Entwurf) oder überprüfen Sie die Quelle von (Seite nicht mehr verfügbar) für ein einfaches Beispiel: Es ist hauptsächlich ein Aufruf an window.webkitNotifications.createNotification .

Wenn Sie ein robusteres Beispiel benötigen (Sie versuchen, Ihre eigene Google Chrome-Erweiterung zu erstellen und wissen möchten, wie Sie mit Berechtigungen, lokalem Speicher und ähnlichem umgehen können), lesen Sie die Gmail Notifier-Erweiterung : Laden Sie die crx-Datei herunter, anstatt sie zu installieren Entpacken Sie es und lesen Sie den Quellcode.

Question

Wie verwendet man Chrome Desktop-Benachrichtigungen ? Ich möchte das in meinem eigenen Code verwenden.

Update : Hier ist ein Blogbeitrag , der Webkit-Benachrichtigungen mit einem Beispiel erklärt.







Ich habe diesen einfachen Benachrichtigungs-Wrapper erstellt. Es funktioniert auf Chrome, Safari und Firefox.

Wahrscheinlich auf Opera, IE und Edge, aber ich habe es noch nicht getestet.

Holen Sie sich einfach die Datei notify.js von hier https://github.com/gravmatt/js-notify und legen Sie sie auf Ihrer Seite ab.

Holen Sie es auf Bower

$ bower install js-notify

So funktioniert es:

notify('title', {
    body: 'Notification Text',
    icon: 'path/to/image.png',
    onclick: function(e) {}, // e -> Notification object
    onclose: function(e) {},
    ondenied: function(e) {}
  });

Sie müssen den Titel festlegen, aber das Json-Objekt als zweites Argument ist optional.







Links