Panduan ini menunjukkan cara menggunakan Chrome DevTools untuk melihat, mengedit, dan menghapus key-value pair
sessionStorage
. Penyimpanan sesi akan dihapus saat sesi halaman berakhir.
Lihat kunci dan nilai sessionStorage
Buka DevTools di situs yang ingin Anda periksa.
Buka Aplikasi > Penyimpanan dan luaskan Penyimpanan Sesi. Klik domain untuk melihat pasangan nilai kuncinya.
Untuk melihat pratinjau nilai di bawah tabel, pilih pasangan.
Untuk memperbarui pasangan nilai kunci secara manual, klik Muat ulang di panel tindakan di bagian atas.
Filter key-value pair
Untuk menemukan pasangan nilai kunci yang Anda butuhkan dengan cepat, ketik string yang berisi kunci atau nilai tersebut ke dalam kotak filter di bagian atas.
Buat pasangan nilai kunci sessionStorage
baru
- Lihat key-value pair
sessionStorage
domain. Misalnya, pada halaman demo ini. - Klik dua kali bagian kosong di tabel. DevTools membuat baris baru dan memfokuskan kursor Anda di kolom Key.
- Masukkan pasangan nilai kunci baru.
Edit kunci atau nilai sessionStorage
- Lihat key-value pair
sessionStorage
domain. Misalnya, pada halaman demo ini. - Klik sel dua kali di kolom Key atau Value untuk mengedit kunci atau nilai tersebut.
- Muat ulang halaman untuk menerapkan.
Hapus sessionStorage
key-value pair
- Lihat key-value pair
sessionStorage
domain. Misalnya, pada halaman demo ini. - Klik pasangan nilai kunci untuk memilihnya.
- Klik Hapus pada panel tindakan di bagian atas untuk menghapus pasangan yang dipilih.
- Atau, klik Hapus semua untuk menghapus semua pasangan.
Berinteraksi dengan sessionStorage
dari Konsol
Karena Anda dapat menjalankan JavaScript di Konsol, dan karena Konsol memiliki akses ke konteks JavaScript halaman, Anda dapat berinteraksi dengan sessionStorage
dari Konsol.
- Di DevTools, buka Konsol.
- Jika Anda ingin mengakses pasangan nilai kunci
sessionStorage
dari domain selain halaman yang sedang dibuka, pilih konteks JavaScript yang diperlukan dari menu drop-down konteks pada panel tindakan di bagian atas. - Jalankan ekspresi
sessionStorage
di Konsol, sama seperti yang Anda lakukan di JavaScript.