Notification API Test

1. このページの目的

2. Notification API の説明

概要

全体

Notification()コンストラクター

構文

var myNotification = new Notification(title, options);

コード例

var options = {
      body: '本文です。',
      icon: '{アイコンのURL}'
  }
var n = new Notification('タイトル', options);

3. デモ

Notification.permission の現在の値

Notification.permission の値
意味
default ユーザーの選択は不明のため、ブラウザは拒否されたかのように動作する。
granted ユーザーは通知が表示されることを許諾している。
denied ユーザーは通知が表示されることを拒否している。

デスクトップ通知を表示してみる

通常の動作(上のボタンにも実装してある動作)
現時点での「通知」設定 とるべき動作
確認(デフォルト) ユーザーにデスクトップ通知を表示する許可をリクエストする。
  • 許可であれば、デスクトップ通知を表示する。
  • ブロックであれば、何もしない。
許可 デスクトップ通知を表示する。
ブロック 何もしない。
デスクトップ通知した際に生成した Notificationオブジェクトのプロパティ
プロパティ
Notification.dir
Notification.lang
Notification.body
Notification.tag
Notification.icon
Notification.data
Notification.silent

4. 参考