👩🏻‍💻 Demo instructions

Permission status is the status of this permission returned by the Permissions API when available.
  1. Click the any button, for example Geolocation to request access.
  2. Observe the access status changing based on your answer to the prompt.
  3. Observe the permission status changing, depending on your answer to the prompt. Possible states are
    • 🔵 prompt
    • 🔴 denied
    • 🟢 granted
    • ⚫️ N/A · In this browser, the status of this permission can't be queried via the Permissions API.
  4. Close the tab. Reopen it. Observe that based on the permission permanence model implemented by the user agent, the permission may or may not revert back to the permission status 🔵 prompt.
  5. Navigate to another page from the current origin in the current tab, or another tab, and compare the permissions state to what you set here. In some user agents, a certain amount of time elapsing, closing all tabs from an origin, and/or having all tabs from an origin in the background for a certain duration will reset the permission state.
On GitHub