HTML5 Benachrichtigungen mit Firefox & Chrome

HTML5 Benachrichtigungen mit Firefox & Chrome


Vorweg, warum es keinen IE gibt müsst ihr Microsoft fragen. Genügend Anfragen gibt es dort.
Explizit nach einer Offiziellen Möglichkeit für die Windows 8 Benachrichtigung.
Firefox nutzt unter Linux sogar die Systemspezifische Benachrichtigung und nicht die eigene.

Wer sich das mal anschauen möchte kann ja wenn er meinen Blog auf hat in Chrome oder Firefox sich das ganze mal anschauen mit einem Klick auf hier oder auf den Button.

Zeig mir dein Geheimnis

Ein einfacher Generator findet man unter Mozilla an.

Source:

<script>
	var Notification = window.Notification || window.mozNotification || window.webkitNotification;

	Notification.requestPermission(function (permission) {
		// console.log(permission);
	});

	function show() {
		var instance = new Notification(
			"Eine Nachricht! Wie cool!", {
				body: "Das hier ist mein Text, blabla ... ich wette mit dir, du hast den Adblocker an! :D "
			}
		);

		instance.onclick = function () {
			// Something to do
		};
		instance.onerror = function () {
			// Something to do
		};
		instance.onshow = function () {
			// Something to do
		};
		instance.onclose = function () {
			// Something to do
		};

		return false;
	}
</script>
<a href="#" onclick="return show()">Klick auf hier</a> oder auf den Button.
<button type="button" onclick="show()">Notify me!</button>

Darauf achten, mein Script hier kann Fehlerhaft sein aufgrund der WordPress Verbesserung.