HTML 5デスクトップ通知Notificationを表示
1729 ワード
Notificationを使用するプロセス
1.ブラウザがNotificationをサポートしているかどうかを確認します.ブラウザの通知権限を確認します.権限が足りない場合は取得権限4を申請する.メッセージ通知5を作成します.表示メッセージ通知
Notification API
構築方法
パラメータtitle:通知のタイトルoptions:
dir:文字の方向;その値はauto(自動)、ltr(左から右)、or rtl(右から左)lang:通知に使用される言語body:通知に表示される内容tag:通知に表示される内容tag:通知にIDを付与し、必要に応じて通知をリフレッシュ、置換、またはicon:ピクチャのURLを削除し、通知のアイコンを表示するために使用される
静的プロパティ
Notification.permissionは、現在の通知が許可状態を表示することを示す文字列です.可能な値には、denied(ユーザーが通知の表示を拒否した)、granted(ユーザーが通知の表示を許可した)、またはdefault(ユーザーの選択が分からないため、ブラウザの動作はdeniedの場合と同じ)があります.
≪イベント|Events|ldap≫
Notification.onclick:ユーザーが通知をクリックするたびにトリガーされます.Notification.onshow:通知が表示されるとトリガーされます.Notification.onerror:通知がエラーに遭遇するたびにトリガーされます.Notification.onclose:ユーザーが通知を閉じるとトリガーされます.
方法
1.静的方法
Notification.requestPermission()は、現在のページでユーザーに通知を表示する権限を申請するために使用されます.
2.インスタンスメソッド
Notification.close()は、通知を閉じるために使用されます.他のインスタンスメソッドはしばらく使用できません.
くり
1.ブラウザがNotificationをサポートしているかどうかを確認します.ブラウザの通知権限を確認します.権限が足りない場合は取得権限4を申請する.メッセージ通知5を作成します.表示メッセージ通知
Notification API
構築方法
let notification = new Notification(title, options)
パラメータtitle:通知のタイトルoptions:
dir:文字の方向;その値はauto(自動)、ltr(左から右)、or rtl(右から左)lang:通知に使用される言語body:通知に表示される内容tag:通知に表示される内容tag:通知にIDを付与し、必要に応じて通知をリフレッシュ、置換、またはicon:ピクチャのURLを削除し、通知のアイコンを表示するために使用される
静的プロパティ
Notification.permissionは、現在の通知が許可状態を表示することを示す文字列です.可能な値には、denied(ユーザーが通知の表示を拒否した)、granted(ユーザーが通知の表示を許可した)、またはdefault(ユーザーの選択が分からないため、ブラウザの動作はdeniedの場合と同じ)があります.
≪イベント|Events|ldap≫
Notification.onclick:ユーザーが通知をクリックするたびにトリガーされます.Notification.onshow:通知が表示されるとトリガーされます.Notification.onerror:通知がエラーに遭遇するたびにトリガーされます.Notification.onclose:ユーザーが通知を閉じるとトリガーされます.
方法
1.静的方法
Notification.requestPermission()は、現在のページでユーザーに通知を表示する権限を申請するために使用されます.
2.インスタンスメソッド
Notification.close()は、通知を閉じるために使用されます.他のインスタンスメソッドはしばらく使用できません.
くり
if (!("Notification" in window)) {
alert(" ")
} else if (Notification.permission === "granted") {
this.showNotice()
} else if (Notification.permission !== 'denied') {
Notification.requestPermission(function (permission) {
if (permission === "granted") { // ,
this.showNotice()
}
})
}
showNotice () {
let myNotification = new Notification(' ', {
body: ' ',
icon: ' '
})
myNotification.onclick = () => {
console.log(' ')
}
},