window.Notification を利用したデスクトップ通知の方法

nbeppu 1,250views 更新:2014年6月13日

Chrome でサポートしてた window.webkitNotifications は利用できなくなりました。
代わりに window.Notification が用意されているので、そちらを利用します。
Chrome だけでなく FireFox でも動作します。

まず、ユーザーにデスクトップ通知の許可を求めます。

window.Notification.requestPermission(function () 
{
    if (window.Notification.permission == "granted") {
        //
    }
});

通知を行います。通知を自動的に消したい場合は、リスナーに処理を登録しておきます。

if (window.Notification && window.Notification.permission == "granted") 
{
    var popup = new window.Notification("Title", {
        icon : 'icon.png', body : "Text" 
    });
    popup.ondisplay = function (event) 
    {
        setTimeout(function () 
        {
            event.currentTarget.close();
        },
        5 * 1000);
    }
}

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません