Session Storage Viewer

View and manage session storage data directly in your browser.

Session Storage Viewer

View and manage session storage data directly in your browser.

0 items in sessionStorage • Storage used: 0 B / ~5 MB

Add New Item

No sessionStorage items found

SessionStorage is empty for this domain. Use the form above to add a key/value or interact with your web application to populate sessionStorage.

Import JSON into sessionStorage

Paste a JSON object where each key becomes a sessionStorage key and each value is stored as a string.

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.

By Muhammad Abdullah Rauf · Founder, EverydayTools.proUpdated 2026

Workflow guides

Step-by-step chains that connect related tools for common tasks.

Debug a multi-step form using sessionStorage

  1. Open this tool on the page that writes session state and step through the form to watch keys appear.
  2. Decode any Base64-encoded values with Base64 Decoder if the stored values are encoded before being saved to sessionStorage.
  3. Check related auth cookies alongside session data with Cookie Parser to trace the full authentication state.

Advertisement

Frequently Asked Questions

What is sessionStorage used for?

sessionStorage stores temporary key-value pairs scoped to the current browser tab and session. Common uses: multi-step form state (wizard progress), shopping cart items before login, temporary search filters, and tab-specific UI state. Unlike localStorage, data is automatically cleared when the tab closes or the browser session ends.

Does sessionStorage share data between tabs?

No. Each tab has its own isolated sessionStorage, even for the same origin. Opening a new tab does not inherit the sessionStorage from another tab. This makes sessionStorage ideal for per-tab state where you don't want cross-tab contamination — e.g. separate search sessions or independent checkout flows.

How do I inspect sessionStorage in DevTools vs this tool?

Chrome DevTools Application tab shows sessionStorage under the Storage section. This tool adds search, JSON formatting, and bulk export on top of that. It's particularly useful when you need to copy sessionStorage values to a test fixture or validate the exact data structure a page is writing during an auth flow.

Can I edit sessionStorage values here?

Yes. The viewer lets you edit any value inline, add new key-value pairs, and delete individual entries. Changes take effect immediately in the page's storage. This is useful for testing different sessionStorage states without having to navigate through a full user flow to set up the expected state.

Part of Developer Tools

Related Tools

More free tools for the same workflow.

HTTP Cookie Parser — Parse, Decode & Build Cookie Strings

Paste any HTTP Cookie header, Set-Cookie header, or curl command to extract name, value, domain, path, expiry, Secure, HttpOnly, and SameSite flags. Build and export cookies too. No signup.

Advertisement