📊 Browser Storage Quota Dashboard

The Storage API (navigator.storage.estimate()) gives you an estimate of how much storage your origin is using and the total quota available. It includes IndexedDB, Cache API, service workers, and other site data, but not cookies or Web Storage (localStorage / sessionStorage) – those are typically included in the usage figure as well, depending on the browser.

Browsers may report a very large or even infinite quota when storage is not limited by a fixed amount. For example, Chrome often shows a quota based on available disk space, but Safari may report a maximum quota (like 0 or “unlimited”) depending on privacy settings. The actual limit can still be enforced silently.

The manual estimates for localStorage / sessionStorage / cookies are approximations based on character length (2 bytes per character). Actual storage may include overhead for keys, metadata, and encoding. The “Other Storage” value is simply the difference between the Storage API usage and the sum of those estimates, so it can include rounding errors and IndexedDB data.

You can clear site data via your browser’s settings (Privacy & Security → Cookies and site data). To programmatically remove storage, use localStorage.clear(), sessionStorage.clear(), or delete IndexedDB databases with indexedDB.deleteDatabase(). The Storage API also offers navigator.storage.persist() and navigator.storage.persisted() to request persistent storage.

Yes, the dashboard is fully responsive. However, the Storage API requires a secure context (HTTPS) and may not be available in all mobile browsers (e.g., some older WebViews). If unavailable, the dashboard will fall back to showing only localStorage, sessionStorage, and cookie sizes.