JavaScript
Meddelanden API

Syntax

• Notification.requestPermission ( återuppringning )
• Notification.requestPermission (). Sedan ( återuppringning , avvisaFunc )
• nytt meddelande ( titel , alternativ )
• anmälan .stäng ()

Anmärkningar

Begär tillstånd att skicka aviseringar

Vi använder Notification.requestPermission att fråga användaren om han / hon vill ta emot aviseringar från vår webbplats.

Notification.requestPermission(function() {
    if (Notification.permission === 'granted') {
        // user approved.
        // use of new Notification(...) syntax will now be successful
    } else if (Notification.permission === 'denied') {
        // user denied.
    } else { // Notification.permission === 'default'
        // user didn’t make a decision.
        // You can’t send notifications until they grant permission.
    }
});

Sedan Firefox 47 .requestPermission metoden .requestPermission också ge ett löfte när hanterar användarens beslut om tillstånd

Notification.requestPermission().then(function(permission) {
    if (!('permission' in Notification)) {
        Notification.permission = permission;
    }
    // you got permission !
    }, function(rejection) {
    // handle rejection here.
    }
);

Skicka aviseringar

När användaren har godkänt en begäran om tillstånd att skicka aviseringar kan vi skicka ett enkelt meddelande som säger Hej till användaren:

new Notification('Hello', { body: 'Hello, world!', icon: 'url to an .ico image' });

Det här skickar ett meddelande så här:

Hej

Hej världen!

Stänger en avisering

Du kan stänga en avisering genom att använda .close() .

let notification = new Notification(title, options);
// do some work, then close the notification
notification.close()

Du kan använda setTimeout funktionen för att stänga aviseringen automatiskt någon gång i framtiden.

let notification = new Notification(title, options);
setTimeout(() => {
    notification.close()
}, 4000);

Ovanstående kod kommer att leda till en avisering och stänga den efter 4 sekunder.

Meddelandehändelser

Notification API-specifikationerna stöder 2 händelser som kan avfyras med en anmälan.

1. click .

Den här händelsen körs när du klickar på aviseringsorganet (exklusive stängning av X och aviseringskonfigurationsknappen).

Exempel:

notification.onclick = function(event) {
    console.debug("you click me and this is my event object: ", event);
}

2. error

Meddelandet avfyrar denna händelse när något fel kommer att hända, som att det inte går att visa

notification.onerror = function(event) {
    console.debug("There was an error: ", event);
}