Overview
The LocalStorage Inspector provides a visual interface for viewing, editing, adding, and deleting entries in the browser’s localStorage for the current origin. It displays all stored key-value pairs in a clean table, allows inline editing, shows storage usage as a percentage of the 5MB limit, and supports importing and exporting all data as JSON.
How to Use
Open the tool — it automatically reads all localStorage entries for the current page origin and displays them in a table. Click any Value cell to edit it inline. Click the trash icon on any row to delete that entry. Use the Add Entry form at the bottom to insert new key-value pairs. The storage usage bar at the top shows how much of the ~5MB browser limit is currently used. Export All dumps every entry to a downloadable JSON file. Import reads a JSON file and merges its entries into localStorage.
Background & Context
localStorage is part of the Web Storage API introduced in HTML5, alongside sessionStorage. The key difference is persistence: localStorage data survives browser restarts and has no expiry, while sessionStorage is cleared when the tab is closed. Both are limited to string values — objects must be serialized with JSON.stringify(). The ~5MB limit varies by browser and origin. Unlike cookies, localStorage data is never sent to the server in HTTP headers. Developers commonly use it for saving user preferences, caching API responses, and maintaining application state between visits.
