サイトからのWebプッシュ通知を許可済みかどうか判定したい

PC用Webブラウザ、およびAndroid端末向けのWebプッシュ通知において、「現在そのサイトを見ているユーザーが、そのサイトからのプッシュ通知（Webブラウザ通知）を許可済みかどうか」を判定することは可能でしょうか？

すでに許可済みのサイトで「許可する」「拒否」のダイアログが出ないことを考えると、どこかでその判定がされていることは分かるのですが、サイトの表示内容に反映させるため、その情報をなんらかの形で取得したいと考えています。

また、もしOnesignal・Push7といったSaaSの中で、この状態の取得をより簡単に行えるものがあれば教えていただきたいです。

使い方としては、以下のような機能を実現したいと考えています。

・許可済みであれば、「通知を受け取る」ボタンの表示を「通知を解除する」に切り替える
・通知を許可しているユーザーだけが見られるページを作る

LocalStorageにより、単純に「通知を受け取る」ボタンを押したかどうかを記録することも考えましたが、ブラウザ毎にCookie削除時の挙動が違うこと、通知を誤って「拒否」した場合のリカバリ等を考えると、実際の状態を取得できるならそれが望ましいと考えています。ご回答いただければ幸いです。

行動規範の内容に同意します

回答1件

ベストアンサー

ChromeとFirefoxでは、navigator.permissions.queryでプッシュ通知が許可されているかどうかを確認できます。

js
1navigator.permissions.query({name: 'notifications'}).then(status => {
2  if (status.state === 'granted')
3    console.log('許可済み');
4  else if (status.state === 'prompt')
5    console.log('ユーザ確認待ち');
6  else // if (status.state === 'denied')
7    console.log('拒否済み');
8});