441 Stimmen

Chrome-Desktop-Benachrichtigungsbeispiel

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

Aktualisierung: Hier ist ein Blog-Beitrag, der Webkit-Benachrichtigungen mit einem Beispiel erklärt.

2 Stimmen

Ich habe unten eine Antwort hinterlassen, die im November 2012 aktualisiert wurde, nachdem HTML-Benachrichtigungen veraltet waren. Es enthält ein tatsächliches Beispiel wie das, wonach Sie gesucht haben.

1 Stimmen

Aktualisierung: Ab 2015 können Websites auch echte Push-Benachrichtigungen senden, die auch dann zugestellt werden, wenn der Benutzer nicht auf der Website surft. Schauen Sie sich diese Antwort an.

5voto

Hina Halani Punkte 164
Hallo!

function notify(){

if (Notification.permission !== "granted") {
Notification.requestPermission();
}
 else{
var notification = new Notification('hello', {
  body: "Hallo!",
});
notification.onclick = function () {
  window.open("http://google.com");
};
}
}

Benachrichtigen

2 Stimmen

Bitte vermeiden Sie es, nur Antworten mit Code zu posten. Fügen Sie ein paar Kommentare und/oder Erklärungen hinzu, damit die Leser diesen Beitrag in der Zukunft verstehen können.

0 Stimmen

Für diesen bestimmten Code-Schnipsel scheint es ziemlich unkompliziert zu sein. Andere Benutzer könnten auch eine Nachfrage im Kommentar hinterlassen, oder?

1 Stimmen

JSfiddle mit dem obigen Code funktioniert nicht, "Berechtigung für die Benachrichtigungs-API kann nicht mehr von einem Cross-Origin-iFrame angefordert werden.". Wenn Sie jedoch die Entwicklerkonsole öffnen und Notification.requestPermission(); eingeben, dann erscheint die Benachrichtigung.

3voto

Altaf Patel Punkte 1303

Hier ist eine gute Dokumentation zu APIs,

https://developer.chrome.com/apps/notifications

Und die offizielle Videobeschreibung von Google,

https://developers.google.com/live/shows/83992232-1001

1 Stimmen

Diese API funktioniert nur in Chrome-Apps und -Erweiterungen. Es unterscheidet sich von der Benachrichtigungs-API.

3voto

Ashley Davis Punkte 9489

Notify.js ist ein Wrapper um die neuen Webkit-Benachrichtigungen. Es funktioniert ziemlich gut.

http://alxgbsn.co.uk/2013/02/20/notify-js-a-handy-wrapper-for-the-web-notifications-api/

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X