View and edit session storage

Sofia Emelianova
Sofia Emelianova

This guide shows you how to use Chrome DevTools to view, edit, and delete sessionStorage key-value pairs. Session storage clears when the page session ends.

View sessionStorage keys and values

  1. Open DevTools on the website you want to inspect.

  2. Navigate to Application > Storage and expand Session Storage. Click a domain to view its key-value pairs.

    The key-value pairs of youtube.com.

  3. To preview the value below the table, select a pair.

    Viewing the value of the selected key.

To manually refresh the key-value pairs, click Refresh in the action bar at the top.

Filter key-value pairs

To quickly find a key-value pair you need, type into the filter box at the top a string that either the key or value contains.

Filtering out key-value pairs that don't contain the string 'false'.

Create a new sessionStorage key-value pair

  1. View the domain's sessionStorage key-value pairs. For example, on this demo page.
  2. Double-click the empty part of the table. DevTools creates a new row and focuses your cursor in the Key column.
  3. Enter a new key-value pair.

Edit sessionStorage keys or values

  1. View a domain's sessionStorage key-value pairs. For example, on this demo page.
  2. Double-click a cell in the Key or Value column to edit that key or value.
  3. Refresh the page to apply.

Delete sessionStorage key-value pairs

  1. View a domain's sessionStorage key-value pairs. For example, on this demo page.
  2. Click a key-value pair to select it.
  3. Click Delete. Delete in the action bar at the top to remove the selected pair. Deleting the selected key-value pair.
  4. Alternatively, click Clear all. Clear all to remove all pairs.

Interact with sessionStorage from the Console

Since you can run JavaScript in the Console, and since the Console has access to the page's JavaScript contexts, it's possible to interact with sessionStorage from the Console.

  1. In DevTools, open the Console.
  2. If you want to access the sessionStorage key-value pairs of a domain other than the page you're on, select the JavaScript context you need from the context drop-down menu in the action bar at the top.
  3. Run your sessionStorage expressions in the Console, the same as you would in your JavaScript.

Interacting with `sessionStorage` from the Console