PermissionStatus: name プロパティ

Baseline 2022
Newly available

Since September 2022, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

メモ: この機能はウェブワーカー内で利用可能です。

namePermissionStatus インターフェイスの読み取り専用プロパティで、要求された権限の名前を返します。

読み取り専用で、navigator.permissions.query() に渡された name 引数と同じ値です。

js
function stateChangeListener() {
  console.log(`${this.name} の権限の状態は ${this.state} に変化しました。`);
}
function queryAndTrackPermission(permissionName) {
  navigator.permissions
    .query({ name: permissionName })
    .then((permissionStatus) => {
      console.log(
        `${permissionName} の権限の状態は ${permissionStatus.state} です。`,
      );
      permissionStatus.onchange = stateChangeListener;
    });
}
queryAndTrackPermission("geolocation");
queryAndTrackPermission("midi");

仕様書

Specification
Permissions
# dom-permissionstatus-name

ブラウザーの互換性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
name

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support