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 kosong saat sesi halaman berakhir.

Lihat sessionStorage kunci dan nilai

1. Buka DevTools di situs yang ingin Anda periksa.

2. Buka Application > Storage dan luaskan Session Storage. Klik domain untuk melihat key-value pair.

   

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

   

Untuk memperbarui pasangan nilai kunci secara manual, klik muat ulang Muat ulang di panel tindakan di bagian atas.

Memfilter pasangan nilai kunci

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

Buat pasangan nilai kunci sessionStorage baru

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

Edit sessionStorage kunci atau nilai

1. Lihat pasangan nilai kunci sessionStorage domain. Misalnya, di halaman demo ini.
2. Klik dua kali sel di kolom Kunci atau Nilai untuk mengedit kunci atau nilai tersebut.
3. Muat ulang halaman untuk menerapkan.

Hapus sessionStorage key-value pair

1. Lihat pasangan nilai kunci 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 Konsol, dan karena Konsol memiliki akses ke konteks JavaScript halaman, Anda dapat berinteraksi dengan sessionStorage dari Konsol.

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