View, Edit, and Manage Browser Storage
A comprehensive tool for inspecting and managing browser storage including localStorage, sessionStorage, and cookies with real-time statistics and easy-to-use editing capabilities.
The Browser Storage Inspector tool provides a unified interface for managing all three types of browser storage: localStorage, sessionStorage, and cookies. Use the tabbed interface to switch between storage types and perform various operations.
Note: This tool works with the browser's actual storage. Changes made here will affect your current session and any applications using the same storage.
localStorage provides persistent storage that remains available even after the browser is closed. Data stored in localStorage does not expire and is shared across all tabs and windows of the same origin.
Data persists across browser sessions and tabs. Perfect for storing user preferences and application state.
Typically 5-10MB per origin. The exact limit varies by browser and available disk space.
Tip: Use localStorage for data that needs to persist across sessions, such as user settings, theme preferences, or cached application data.
sessionStorage provides temporary storage that is cleared when the browser tab or window is closed. Each tab has its own separate sessionStorage instance.
Data is available only for the current tab. Each tab has its own separate storage instance.
Data is automatically cleared when the tab or window is closed. Perfect for temporary data.
Tip: Use sessionStorage for data that should only exist during the current session, such as form data or temporary application state.
Each storage panel displays real-time statistics about your stored data, helping you monitor storage usage and identify large items.
Total Items
Count of stored items
Total Size
Combined size in bytes
Storage Type
Type of storage
Storage sizes are automatically formatted for readability:
Both storage items and cookies can be easily edited. Click the edit button next to any item to open the edit dialog.
You can change both the key/name and value of any item. If you rename a key, the old key will be removed and a new one created.
Click outside the dialog or the close button to cancel without saving changes.
Tip: For large values, the table shows a truncated preview. Use editing to view and modify the full content.
You can add new items to localStorage, sessionStorage, and cookies using the "Add Item" button at the top of each table.
Each key must be unique within the same storage type. Attempting to add a duplicate key will overwrite the existing value.
If storage is full, you'll receive an error notification. Clear some space or delete large items before adding new ones.
Note: localStorage and sessionStorage throw errors when attempting to store data beyond the quota. Cookies have their own size limitations.
Remove individual items or clear all items from storage. Use caution when clearing all items as this action cannot be undone.
Removes a single item from storage. The item is immediately removed and the table refreshes.
Removes all items from the current storage type. This action is irreversible.
Warning: Clearing all items will permanently delete all data. Make sure you have exported any important data before proceeding.
Inspect and modify stored data during development. Debug storage issues by viewing exact values and sizes.
Test how your application handles different storage states. Clear storage to simulate fresh installs.
Recover accidentally modified data by viewing previous values and restoring them manually.
Manage authentication cookies, test cookie-based features, and debug session issues.
Monitor storage usage and identify large items that may impact application performance.
Show stored data during demos, create specific storage states for presentations.