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.
Storage Access
hasStorageAccess and cookie partitioning flow
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
More tools
Algorithm Visualizer
Watch sorting and searching animate step by step
Alt Text Helper
Write better image alt text with live feedback
ARIA Reference
Searchable ARIA roles and attributes guide
Array Visualizer
Step through map, filter, reduce like a debugger
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