Session Storage Viewer – View & Edit sessionStorage

How to view sessionStorage

The SessionStorage Viewer loads all sessionStorage items for the current domain directly in your browser. To view sessionStorage:

1. Open the page where your application uses sessionStorage.
2. Open this SessionStorage Viewer tool in the same domain.
3. Click Refresh to load all keys and values.
4. Use search to filter by key or value, and use the table actions to copy, edit, or delete specific items.

sessionStorage vs localStorage

Both sessionStorage and localStorage are part of the Web Storage API, but they behave differently:

• sessionStorage persists data only for the current tab or window. Data is cleared when the tab closes.
• localStorage persists data across browser sessions and remains until explicitly cleared.
• Both only store strings; objects must be serialized with JSON.stringify and parsed with JSON.parse.

When to use sessionStorage

Use sessionStorage for temporary, per-tab data that should not persist once the user closes the tab:

• Wizard or multi-step form progress within a single session.
• Temporary UI state that should reset when the tab is closed.
• Short-lived tokens or flags that do not need to survive a full browser restart.

Debugging sessionStorage in JavaScript

You can interact with sessionStorage directly in JavaScript while using this SessionStorage Viewer to inspect changes in real time:

sessionStorage.setItem("user", "123");

const user = sessionStorage.getItem("user");

sessionStorage.removeItem("user");

sessionStorage.clear();

Run these commands in your browser console or application code, then use this tool to verify what is stored, rename keys, pretty-print JSON payloads, and debug any issues with your session storage logic.