Web Notifications API

Notification APIだけを使用する通知テスト。即時通知・時間指定・各種オプションを試せます。

1. 通知の権限

確認中...

HTTPSまたはlocalhostで開いてください。通知の許可状態はブラウザのサイト設定から変更できます。

タイトル本文（body）アイコン画像 URL（icon）

タグ（tag）

言語（lang）

文字方向（dir）

タイムスタンプ（timestamp、ミリ秒）

requireInteraction：ユーザーが操作するまで表示を維持 renotify：同じタグの通知を置き換える際に再通知 silent：サイレント通知

任意のデータ（data）

JSON形式のデータ

Notificationオブジェクトのdataに保持する任意のデータです。クリック時の処理などで利用できます。秘密情報は入力しないでください。

何秒後に通知するか

通知する日時（端末のローカル時刻）

ブラウザやOSによっては、通知が表示された時点で通知オブジェクトの close() が期待どおりに反映されない場合があります。

現在時刻：--

予約はありません。

準備完了

このデモはNotification APIとページ内タイマーだけを使用します。ページを閉じたり、ブラウザがバックグラウンドで停止したりすると、予約通知の実行は保証されません。