Уређивач локалног складишта пружа чист табеларни интерфејс за управљање localStorage и sessionStorage.
Web applications store enormous amounts of state in localStorage and sessionStorage — user preferences, authentication tokens, feature flags, A/B test assignments, shopping cart contents, form drafts, cached API responses, and UI state. Debugging these values in Chrome DevTools requires navigating to the Application tab, finding the Storage section, and using a basic key-value viewer with limited editing capabilities. Local Storage Editor brings this into a purpose-built panel with tabbed storage switching, inline editing, JSON auto-formatting, and bulk operations. The table shows every key-value pair with the key name and value. JSON values (which are extremely common — objects serialized with JSON.stringify) are detected automatically and displayed with proper formatting and syntax highlighting. Click any value to edit it in place — changes are written to the storage API immediately. Add new entries with a clean form, or delete entries individually or in bulk.
Switch between localStorage and sessionStorage with tab buttons at the top of the panel. Each tab shows the entry count (e.g., "localStorage (12)" / "sessionStorage (3)"). Both storage types are managed from one interface.
Click any value cell to edit it in place. For simple values, type the new string. For JSON values, the editor expands to a formatted textarea with syntax highlighting. Changes are saved to the storage API immediately.
JSON values (objects and arrays serialized with JSON.stringify) are automatically detected and displayed with proper indentation and syntax highlighting. Edit the formatted JSON directly — it's re-serialized when you save.
Click "Add Entry" to create a new key-value pair. Enter the key name and value (string or JSON). The entry is immediately written to localStorage or sessionStorage for the current domain.
Delete individual entries with the row delete button, or use "Clear All" to remove every entry for the current storage type. Useful for resetting application state during testing.
Changes made in the editor are reflected immediately in the application. If the app reads a value from localStorage on user interaction, editing that value in the panel changes what the app reads next — no page reload needed for most cases.
Inspect what values your application has stored in localStorage. Is the auth token present? Is the user preference object structured correctly? Is a stale cached value causing unexpected behavior?
Clear all localStorage to reset the application to its initial state — useful for testing first-run experiences, onboarding flows, and default configurations without clearing browser data for other sites.
Many applications store feature flag values in localStorage. Edit these directly to enable or disable features without going through the flag management UI or redeploying.
Edit stored user preferences, theme settings, language selections, or onboarding completion flags to simulate different user states and test how the application handles each one.
See what data third-party scripts (analytics, chat, advertising) are storing in your domain's localStorage. Audit the data for privacy compliance and unexpected storage usage.
Open the DevSuite Pro floating dock and click the Local Storage Editor icon. A panel opens showing all localStorage entries for the current domain.
Scroll through the key-value table. JSON values are automatically formatted. Switch tabs to view sessionStorage instead.
Click any value to edit it inline. For JSON values, a formatted editor appears. Changes are saved to the storage API immediately.
Click "Add Entry" to create a new key-value pair. Click the delete icon on any row to remove it. "Clear All" removes everything.
After editing storage values, interact with the page to see how the application responds to the changed data.
Instalirajte DevSuite Pro besplatno i otključajte 39+ alata za programere za svoj pretraživač.
