Lihat dan edit penyimpanan sesi

Kayce Basques

Sofia Emelianova

Panduan ini menunjukkan cara menggunakan Chrome DevTools untuk melihat, mengedit, dan menghapus key-value pair sessionStorage. Penyimpanan sesi akan dihapus saat sesi halaman berakhir.

Melihat kunci dan nilai sessionStorage

1. Buka DevTools di situs yang ingin Anda periksa.

2. Buka Application > Storage, lalu luaskan Session Storage. Klik domain untuk melihat pasangan nilai kuncinya.

   

3. Untuk melihat pratinjau nilai di bawah tabel, pilih pasangan.

   

Untuk memuat ulang pasangan nilai kunci secara manual, klik refresh Refresh di panel tindakan di bagian atas.

Memfilter key-value pair

Untuk menemukan pasangan nilai kunci yang Anda perlukan dengan cepat, ketik string yang berisi kunci atau nilai ke dalam kotak filter di bagian atas.

Membuat pasangan nilai kunci sessionStorage baru

1. Lihat key-value pair sessionStorage domain. Misalnya, di halaman demo ini.
2. Klik dua kali bagian tabel yang kosong. DevTools membuat baris baru dan memfokuskan kursor Anda di kolom Key.
3. Masukkan pasangan nilai kunci baru.

Mengedit kunci atau nilai sessionStorage

1. Melihat key-value pair sessionStorage domain. Misalnya, di halaman demo ini.
2. Klik dua kali sel di kolom Key atau Value untuk mengedit kunci atau nilai tersebut.
3. Muat ulang halaman untuk menerapkan.

Hapus sessionStorage key-value pair

1. Melihat key-value pair sessionStorage domain. Misalnya, di halaman demo ini.
2. Klik pasangan nilai kunci untuk memilihnya.
3. Klik Hapus di panel tindakan di bagian atas untuk menghapus pasangan yang dipilih.
4. Atau, klik Hapus semua untuk menghapus semua pasangan.

Berinteraksi dengan sessionStorage dari Konsol

Karena Anda dapat menjalankan JavaScript di Console, dan karena Console memiliki akses ke konteks JavaScript halaman, Anda dapat berinteraksi dengan sessionStorage dari Console.

1. Di DevTools, buka Console.
2. Jika Anda ingin mengakses key-value pair sessionStorage dari domain selain halaman yang sedang Anda buka, pilih konteks JavaScript yang Anda perlukan dari menu drop-down konteks di panel tindakan di bagian atas.
3. Jalankan ekspresi sessionStorage di Console, sama seperti yang Anda lakukan di JavaScript.