Use LocalStorage Manager

Enter your data below to use the LocalStorage Manager

📌 Try these examples:
RESULT

Last updated

Viewing All localStorage Entries

Open the LocalStorage Manager to see all data your browser has stored for the current origin. Example view for a web application:

LocalStorage Contents for: https://app.example.com
─────────────────────────────────────────────────────────────────────
Key                      Value (preview)              Size
─────────────────────────────────────────────────────────────────────
user_preferences         {"theme":"dark","lang":"en"} 42 bytes
auth_token               eyJhbGciOiJIUzI1NiJ9...      312 bytes
cart_items               [{"id":1,"qty":2},...]        156 bytes
last_visited_page        /dashboard/analytics          28 bytes
feature_flags            {"beta":true,"v2":false}      38 bytes
onboarding_completed     true                          4 bytes
─────────────────────────────────────────────────────────────────────
Total: 6 entries | 580 bytes used | ~5 MB available

Editing a User Preference

Click the user_preferences entry to edit it. The JSON value is displayed in formatted form:

Key: user_preferences

Current value (formatted):
{
  "theme": "dark",
  "language": "en",
  "fontSize": "medium",
  "notifications": true,
  "sidebarCollapsed": false
}

Edit: Change theme to "light" and fontSize to "large"

Updated value:
{
  "theme": "light",
  "language": "en",
  "fontSize": "large",
  "notifications": true,
  "sidebarCollapsed": false
}

✓ Saved — changes take effect immediately

The application will now render with the light theme and large font size on the next page load or state refresh.

Testing Feature Flags

Modify feature flags to test different application states without code changes:

Key: feature_flags

Current value:
{
  "betaFeatures": false,
  "newDashboard": false,
  "experimentalSearch": false
}

Edit: Enable beta features for testing

Updated value:
{
  "betaFeatures": true,
  "newDashboard": true,
  "experimentalSearch": false
}

✓ Saved — reload the page to see beta features

This lets you test feature-flagged code paths without needing a special test account or backend configuration change.

Adding a New Entry

Add a new localStorage entry to simulate a specific application state:

Add New Entry:
─────────────────────────────────────────────────────────────────────
Key:   onboarding_step
Value: 3

✓ Entry created

Now the application will think the user is on step 3 of onboarding,
allowing you to test the onboarding flow from that specific step
without completing steps 1 and 2.

Simulating a Returning User

Set up localStorage to simulate a user who has previously used the app:

Add entries to simulate returning user:

1. Key: first_visit_date
   Value: 2024-01-15T10:30:00Z

2. Key: visit_count
   Value: 47

3. Key: last_seen_announcement
   Value: announcement_v2_3

4. Key: dismissed_banners
   Value: ["welcome_banner","upgrade_prompt","survey_2024"]

These entries tell the application this is a returning user
who has visited 47 times and dismissed several banners.
Test that returning-user UI elements display correctly.

Inspecting a JSON Value

Expand a complex JSON value to inspect its full structure:

Key: cart_items

Full value (formatted):
[
  {
    "id": 1,
    "name": "Wireless Headphones",
    "price": 79.99,
    "quantity": 2,
    "variant": "black",
    "addedAt": "2024-01-20T14:22:00Z"
  },
  {
    "id": 5,
    "name": "USB-C Cable",
    "price": 12.99,
    "quantity": 1,
    "variant": "2m",
    "addedAt": "2024-01-20T14:25:00Z"
  }
]

Size: 312 bytes
Type: JSON Array (2 items)

Deleting Specific Entries

Remove individual entries to test how the application handles missing data:

Delete entry: auth_token

⚠ Warning: Deleting auth_token will log you out of the application
on the next request that requires authentication.

Confirm delete? [Yes] [Cancel]

✓ Entry deleted

Test: Reload the page — the application should redirect to the
login page because the auth token is no longer present.

Storage Quota Monitoring

The manager shows storage usage to help identify applications storing excessive data:

Storage Usage:
─────────────────────────────────────────────────────────────────────
Used:      2.3 MB  (46% of quota)
Available: 2.7 MB
Total:     5.0 MB

Largest entries:
  cached_api_response    1.8 MB  (78% of used storage)
  user_preferences       42 bytes
  auth_token             312 bytes

Warning: cached_api_response is using 1.8 MB.
Consider using IndexedDB for large data caching,
or implement cache expiration to prevent quota issues.

Exporting and Importing localStorage

Export the current localStorage state to share with a teammate for debugging:

Export localStorage as JSON:
{
  "user_preferences": "{\"theme\":\"dark\",\"language\":\"en\"}",
  "auth_token": "eyJhbGciOiJIUzI1NiJ9...",
  "cart_items": "[{\"id\":1,\"qty\":2}]",
  "feature_flags": "{\"beta\":true}",
  "last_visited_page": "/dashboard"
}

Share this JSON with your teammate. They can import it to
reproduce the exact localStorage state that caused the bug.

Import on another machine:

Import JSON → Paste the exported JSON → Click Import

✓ 5 entries imported
The localStorage state now matches the original environment.

Frequently Asked Questions

Simply enter your data, click the process button, and get instant results. All processing happens in your browser for maximum privacy and security.

Yes! LocalStorage Manager is completely free to use with no registration required. All processing is done client-side in your browser.

Absolutely! All processing happens locally in your browser. Your data never leaves your device, ensuring complete privacy and security.