Storage Access Playground - Free Online Tool | IconVault

Learn the Storage Access API: run the real hasStorageAccess flow, probe cookies, and see partitioning explained. Free, in your browser.

All tools

Storage Access

hasStorageAccess and cookie partitioning flow

5 of 5 free uses left
Storage Access APIChecking…
document.hasStorageAccess()unknown
Frame contextChecking…
navigator.cookieEnabled-

requestStorageAccess() is designed for third-party iframes. Since this lab runs top-level, the request will fail or be a no-op, and this page reports that real outcome instead of faking a grant. Embed it as an iframe on another origin to see the full flow.

Flow log

Run the access flow to watch each step and its real result.

The correct pattern

// The Storage Access API flow (embedded frame context)
if (await document.hasStorageAccess()) {
  // unpartitioned cookies are already available
} else {
  try {
    await document.requestStorageAccess(); // user gesture required
    // cookies now readable: document.cookie works
  } catch (err) {
    // user or browser denied: stay partitioned, degrade gracefully
  }
}

Always call requestStorageAccess() inside a click handler: browsers require transient user activation. Chrome also supports requestStorageAccessFor() for specific top-level sites.

About this tool

IconVault's Storage Access Playground walks you through the real Storage Access API step by step. Check document.hasStorageAccess() live, run the request flow from a genuine user gesture, probe first-party cookie read/write, and read your StorageManager quota estimate, all logged with timestamps in the flow panel. Every outcome is the browser's honest answer, including the important one: top-level pages cannot be granted storage access, because the API exists for embedded third-party frames. It is free and runs fully in your browser.

Third-party cookie deprecation made the Storage Access API essential for embedded widgets, logins, and payment iframes. This lab teaches the correct pattern (check first, request inside a click handler, degrade gracefully on deny), explains partitioned versus unpartitioned storage in plain terms, and ships a copyable snippet with the try/catch structure production code needs. No fake grants, no theater: if the request cannot succeed here, you see exactly why.

Frequently asked questions

Popular searches

storage access apistorage access api tutorialstorage access api exampledocument.hasstorageaccessdocument.requeststorageaccesshasstorageaccessrequeststorageaccessstorage access playgroundthird party cookiesthird party cookie deprecationcookie partitioningpartitioned cookieschips cookiescookies having independent partitioned stateunpartitioned storageembedded iframe cookiesiframe storage accessrequeststorageaccess examplehasstorageaccess examplestorage access api mdnstorage access api browser supportstorage access api chromestorage access api safaristorage access api firefoxrequeststorageaccessfortop level storage accessuser activation storage accessstorage access deniedhow to use storage access apithird party iframe loginembedded widget cookiesstorage access permissiondocument.cookie third partystoragemanager estimatenavigator.storage.estimatestorage quota browserlearn storage access apiinteractive storage access demostorage access code samplestorage access api typescriptpartitioned storage webfirst party setsrelated website setscookie samepartysamesite none partitionedthird party cookie alternativeprivacy sandbox storageweb storage partitioningiframe cookie blockedfix iframe cookies chrome

More tools

Coming soon

CLI

Coming soon

Figma plugin

Coming soon

VS Code extension

Coming soon

Chrome extension

Coming soon

AI icon generator

Coming soon

Team workspaces

Coming soon

View all 10+ tools →