Antarmuka tabel untuk mengelola localStorage dan sessionStorage.
Antarmuka tabel untuk mengelola localStorage dan sessionStorage. Kelola data persisten dan sesi secara langsung melalui antarmuka yang intuitif untuk menguji kondisi aplikasi dan melakukan debugging state dengan cepat.
Beralih antara localStorage dan sessionStorage dengan tombol tab di bagian atas panel. Setiap tab menunjukkan jumlah entri (misalnya, "localStorage (12)" / "sessionStorage (3)"). Kedua tipe penyimpanan dikelola dari satu antarmuka.
Klik sel nilai apa pun untuk mengeditnya secara langsung. Untuk nilai sederhana, cukup ketik string baru. Untuk nilai JSON, editor akan diperluas menjadi textarea terformat dengan syntax highlighting. Perubahan segera disimpan ke API penyimpanan.
Nilai JSON (objek dan array yang diserialisasi dengan JSON.stringify) dideteksi secara otomatis dan ditampilkan dengan indentasi yang tepat serta syntax highlighting. Edit JSON terformat secara langsung — data akan diserialisasi ulang saat Anda menyimpannya.
Klik "Tambah Entri" untuk membuat pasangan kunci-nilai (key-value) baru. Masukkan nama kunci dan nilainya (string atau JSON). Entri tersebut akan segera ditulis ke localStorage atau sessionStorage untuk domain saat ini.
Hapus entri individu dengan tombol hapus pada baris, atau gunakan "Bersihkan Semua" untuk menghapus setiap entri pada tipe penyimpanan yang dipilih. Berguna untuk mereset state aplikasi selama pengujian.
Perubahan yang dibuat di editor langsung tercermin dalam aplikasi. Jika aplikasi membaca nilai dari localStorage saat interaksi pengguna, mengedit nilai tersebut akan mengubah apa yang dibaca aplikasi selanjutnya tanpa perlu muat ulang halaman.
Periksa nilai apa yang disimpan aplikasi Anda di localStorage. Apakah token autentikasi ada? Apakah objek preferensi pengguna terstruktur dengan benar? Apakah nilai cache yang usang menyebabkan perilaku tak terduga?
Bersihkan semua localStorage untuk mereset aplikasi ke keadaan awal — berguna untuk menguji pengalaman pertama pengguna (first-run), alur onboarding, dan konfigurasi default tanpa menghapus data browser situs lain.
Banyak aplikasi menyimpan nilai feature flag di localStorage. Edit ini secara langsung untuk mengaktifkan atau menonaktifkan fitur tanpa harus melalui UI manajemen flag atau melakukan deploy ulang.
Edit preferensi pengguna yang tersimpan, pengaturan tema, pilihan bahasa, atau flag penyelesaian onboarding untuk mensimulasikan status pengguna yang berbeda dan menguji bagaimana aplikasi menanganinya.
Lihat data apa yang disimpan oleh skrip pihak ketiga (analitik, chat, iklan) di localStorage domain Anda. Audit data tersebut untuk kepatuhan privasi dan penggunaan penyimpanan yang tidak terduga.
Buka dok mengambang DevSuite Pro dan klik ikon Editor Penyimpanan Lokal. Sebuah panel akan terbuka menampilkan semua entri localStorage untuk domain saat ini.
Gulir melalui tabel kunci-nilai. Nilai JSON diformat secara otomatis. Alihkan tab untuk melihat sessionStorage sebagai gantinya.
Klik nilai apa pun untuk mengeditnya secara inline. Untuk nilai JSON, editor terformat akan muncul. Perubahan segera disimpan ke API penyimpanan.
Klik "Tambah Entri" untuk membuat pasangan kunci-nilai baru. Klik ikon hapus pada baris mana pun untuk menghapusnya. "Bersihkan Semua" akan menghapus segalanya.
Setelah mengedit nilai penyimpanan, berinteraksilah dengan halaman untuk melihat bagaimana aplikasi merespons perubahan data tersebut.
Instal DevSuite Pro secara gratis dan buka 64+ alat pengembang untuk browser Anda.
