● 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