← Quay lại tính năng
Free

Trình chỉnh sửa bộ nhớ cục bộ

Trình chỉnh sửa bộ nhớ cục bộ cung cấp giao diện bảng rõ ràng để quản lý localStorage và sessionStorage.

Trình chỉnh sửa bộ nhớ cục bộ cung cấp giao diện bảng rõ ràng để quản lý localStorage và sessionStorage.

Xem trước trực tiếp
example.com
localStorage (6) sessionStorage (2) + Add Entry
KeyValue
ds_license_keyPRO-XXXX-XXXX
themedark
user_prefs{"lang":"en","notifications":true,"sidebar":"collapsed"}
last_visited2026-04-08T10:30:00Z
cart_items[{"id":1,"qty":2},{"id":5,"qty":1}]
onboardingcompleted
Click any value to edit · JSON values are auto-formatted
Các tính năng chính

Tabbed Storage Switching

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.

Inline Value Editing

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 Auto-Detection & Formatting

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.

Add New Entries

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.

Individual & Bulk Delete

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.

Real-Time Reflection

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.

Các trường hợp sử dụng phổ biến

Debugging Application State

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?

Resetting Application State

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.

Testing Feature Flags

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.

Simulating Different User States

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.

Inspecting Third-Party Storage

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.

Cách sử dụng
1

Activate Local Storage Editor

Open the DevSuite Pro floating dock and click the Local Storage Editor icon. A panel opens showing all localStorage entries for the current domain.

2

Browse Entries

Scroll through the key-value table. JSON values are automatically formatted. Switch tabs to view sessionStorage instead.

3

Edit Values

Click any value to edit it inline. For JSON values, a formatted editor appears. Changes are saved to the storage API immediately.

4

Add or Delete Entries

Click "Add Entry" to create a new key-value pair. Click the delete icon on any row to remove it. "Clear All" removes everything.

5

Test Application Behavior

After editing storage values, interact with the page to see how the application responds to the changed data.

Sẵn sàng thử chưa? Trình chỉnh sửa bộ nhớ cục bộ?

Cài đặt DevSuite Pro miễn phí và mở khóa hơn 39 công cụ dành cho nhà phát triển cho trình duyệt của bạn.

Thêm vào Chrome Thêm vào Edge Thêm vào FireFox