HTML 5デスクトップ通知Notificationを表示

1729 ワード

Notificationを使用するプロセス
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('     ')
        }
      },