Zoeken…


Syntaxis

  • Notification.requestPermission ( callback )
  • Notification.requestPermission (). Then ( callback , rejectFunc )
  • nieuwe melding ( titel , opties )
  • notificatie .close ()

Opmerkingen

De API voor meldingen is ontworpen om browsertoegang toe te staan de client op de hoogte te stellen.

Ondersteuning door browsers kan beperkt zijn. Ook ondersteuning door het besturingssysteem kan beperkt zijn.

De volgende tabel geeft een overzicht van de vroegste browserversies die ondersteuning bieden voor meldingen.

Chrome Rand Firefox Internet Explorer Opera Opera Mini Safari
29 14 46 geen steun 38 geen steun 9.1

Toestemming vragen om meldingen te verzenden

We gebruiken Notification.requestPermission om de gebruiker te vragen of hij / zij meldingen van onze website wil ontvangen.

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.
    }
});

Sinds Firefox 47 De .requestPermission methode kan ook een belofte retourneren wanneer de gebruiker .requestPermission met het verlenen van toestemming

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

Meldingen versturen

Nadat de gebruiker een verzoek om toestemming voor het verzenden van meldingen heeft goedgekeurd, kunnen we een eenvoudige melding met de tekst Hallo naar de gebruiker sturen:

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

Hiermee wordt een melding als volgt verzonden:

Hallo

Hallo Wereld!

Een melding sluiten

U kunt een melding sluiten met de methode .close() .

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

U kunt de functie setTimeout gebruiken om de melding ergens in de toekomst automatisch te sluiten.

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

De bovenstaande code geeft een melding en sluit deze na 4 seconden.

Meldingsgebeurtenissen

De API-specificaties voor meldingen ondersteunen 2 gebeurtenissen die kunnen worden geactiveerd door een melding.

  1. De click gebeurtenis.

Deze gebeurtenis wordt uitgevoerd wanneer u op de meldingsinstantie klikt (exclusief de afsluitende X en de configuratieknop Meldingen).

Voorbeeld:

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

De melding zal deze gebeurtenis activeren wanneer er iets mis is, zoals niet kunnen worden weergegeven

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


Modified text is an extract of the original Stack Overflow Documentation
Licentie onder CC BY-SA 3.0
Niet aangesloten bij Stack Overflow