← กลับไปยังคุณสมบัติ
Free

แก้ไข Local Storage

อินเทอร์เฟซตารางสำหรับจัดการ localStorage

แผงเฉพาะพร้อมแก้ไขและจัดรูปแบบ JSON

ตัวอย่างสด
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
คุณสมบัติหลัก

สลับแท็บ

Switch between localStorage and sessionStorage with tab buttons at the top of the panel. แต่ละ tab shows the entry count (e.g., "localStorage (12)" / "sessionStorage (3)"). Both storage types are managed from one interface.

แก้ไข Inline

Click ใดก็ได้ 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 อัตโนมัติ

JSON values (objects and arrays serialized with JSON.stringify) are โดยอัตโนมัติ detected and displayed with proper indentation and syntax highlighting. Edit the formatted JSON โดยตรง — it's re-serialized when you save.

เพิ่มรายการ

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 ปัจจุบัน domain.

ลบ

Delete individual entries with the row delete button, or use "Clear All" to remove ทุก entry for ปัจจุบัน storage type. Useful for resetting application state during testing.

สะท้อนทันที

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.

กรณีการใช้งานทั่วไป

แก้ไขสถานะ

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?

รีเซ็ตสถานะ

Clear all localStorage to reset the application to its initial state — useful for testing first-run experiences, onboarding flows, and default configurations โดยไม่ต้อง clearing browser data for other sites.

Feature Flag

Mใดก็ได้ applications store feature flag values in localStorage. Edit these โดยตรง to enable or disable features โดยไม่ต้อง going through the flag management UI or redeploying.

จำลองสถานะ

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.

ตรวจบุคคลที่สาม

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.

วิธีใช้งาน
1

เปิดใช้งาน

เปิด DevSuite Pro dock ลอย and click the Local Storage Editor icon. A panel opens showing all localStorage entries for ปัจจุบัน domain.

2

ดูรายการ

Scroll through the key-value table. JSON values are โดยอัตโนมัติ formatted. Switch tabs เพื่อดู sessionStorage instead.

3

แก้ไข

Click ใดก็ได้ value to edit it inline. For JSON values, a formatted editor appears. Changes are saved to the storage API immediately.

4

เพิ่ม/ลบ

Click "Add Entry" to create a new key-value pair. คลิก delete icon on ใดก็ได้ row to remove it. "Clear All" removes ทุกthing.

5

ทดสอบ

After editing storage values, interact with หน้า เพื่อดู how the application responds to the changed data.

พร้อมที่จะลองหรือยัง? แก้ไข Local Storage?

ติดตั้ง DevSuite Pro ฟรีและปลดล็อกเครื่องมือสำหรับนักพัฒนามากกว่า 39 รายการสำหรับเบราว์เซอร์ของคุณ

เพิ่มใน Chrome เพิ่มไปยัง Edge เพิ่มใน FireFox