JavaScriptプログラムに関する各種メモ書き

JavaScriptでWEBサイトからのプッシュ通知を行う

● JavaScriptでWEBサイトからのプッシュ通知を行う(Edge, Chrome, Safari, Firefox)

function start_notification() {
    if ( ! window.Notification) { return false; }
    if (window.Notification.permission === 'denied' || window.Notification.permission === 'default' ) {
        window.Notification.requestPermission().then(function() {
            exec_notification();
        });
    } else {
        exec_notification();
    }
}

function exec_notification() {
    var notifyTitle = '通知タイトル通知タイトル通知タイトル通知タイトル通'; 		// 25文字まで表示される
    var notifyBody  = '通知内容のテストです通知内容のテストです通知内容のテス';	// 27文字まで表示される

    var options = {
        'body': notifyBody,
        // icon: notifyIcon
    }
    var n = new Notification(notifyTitle, options);
    setTimeout(n.close.bind(n), 5000);
}

start_notification();

● デモ

デモはこちら

● IE に対応するには

https://github.com/ttsvetko/HTML5-Desktop-Notifications

No.1417
01/16 15:42

edit