Web Notifications API

Každý rámec uživatelského rozhraní má stejnou sadu widgetů, které se staly téměř nezbytnými pro moderní weby:modály, popisky, různé druhy tlačítek a oznámení. Jeden problém, který vidím, je, že každý web má své vlastní barvy, styly a další widgety – uživatelé nemají konzistentní zkušenost. Konference W3C se zřejmě cítila stejně, protože vytvořila rozhraní Web Notifications API. Zde je návod, jak jej používat!

JavaScript

Prvním krokem je základní detekce funkcí, jak byste očekávali, a poté skočíte do kódu pro vytvoření oznámení:

if(window.Notification && Notification.permission !== "denied") {
	Notification.requestPermission(function(status) {  // status is "granted", if accepted by user
		var n = new Notification('Title', { 
			body: 'I am the body text!',
			icon: '/path/to/icon.png' // optional
		}); 
	});
}

Jakmile potvrdíte, že je rozhraní Notification API podporováno, musíte od uživatele požádat o přístup k oznámení. Pokud se stav vrátí jako „uděleno“, můžete vytvořit nové oznámení s názvem a hlavním textem.

Zavření oznámení je jednoduché pomocí close metoda:

n.close();

Velmi se mi líbí myšlenka, že prohlížeč poskytuje nativní rozhraní API pro běžné součásti uživatelského rozhraní, ale přijde mi legrační, že každý prohlížeč má jiný vzhled oznámení. Líbí se mi však jednoduchost rozhraní Web Notifications API – co myslíte?