✨ Re-check storage access

server.ts

@@ -27,30 +27,37 @@ app.use(async (ctx) => {
       </form>
       <p>Browser supports storage access API: <span id="storage-access-api"></span></p>
       <p>Page can store cookies: <span id="page-can-store-cookies"></span></p>
+      <button id="check-storage-access" type="button">Re-check storage access</button>
       <button id="request-storage-access" style="display: none;" type="button">Request storage access</button>
     </body>
     <script>
       const storageAccess = document.getElementById("storage-access-api");
       const pageCanStoreCookies = document.getElementById("page-can-store-cookies");
       const requestStorageAccess = document.getElementById("request-storage-access");
-      if ("hasStorageAccess" in document) {
-        storageAccess.innerText = "Yes";
-        document.hasStorageAccess().then((hasAccess) => {
-          console.log("has access", hasAccess);
-          pageCanStoreCookies.innerText = hasAccess ? "Yes" : "No";
-          if (!hasAccess) {
-            requestStorageAccess.style.display = "block";
-          }
-        });
-      } else {
-        storageAccess.innerText = "No";
+      const checkStorageAccessBtn = document.getElementById("check-storage-access");
+      const isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
+      function checkStorageAccess() {
+        if ("hasStorageAccess" in document) {
+          storageAccess.innerText = "Yes";
+          document.hasStorageAccess().then((hasAccess) => {
+            console.log("has access", hasAccess);
+            pageCanStoreCookies.innerText = hasAccess ? "Yes" : (isFirefox ? "No, on firefox" : "No");
+            if (!hasAccess) {
+              requestStorageAccess.style.display = "block";
+            }
+          });
+        } else {
+          storageAccess.innerText = "No";
+        }
       }
+      checkStorageAccess();
       requestStorageAccess.addEventListener("click", () => {
         document.requestStorageAccess().then(() => {
           pageCanStoreCookies.innerText = "Yes";
           requestStorageAccess.style.display = "none";
         });
       });
+      checkStorageAccessBtn.addEventListener("click", checkStorageAccess);
     </script>
   </html>`;
   }