Lihat dan edit penyimpanan sesi

Kayce Basques
Kayce Basques
Sofia Emelianova
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.

Lihat kunci dan nilai sessionStorage

  1. Buka DevTools di situs yang ingin Anda periksa.

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

    Pasangan nilai kunci youtube.com.

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

    Melihat nilai kunci yang dipilih.

Untuk memperbarui key-value pair secara manual, klik  Refresh. Muat ulang di panel tindakan di bagian atas.

Filter pasangan nilai kunci

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

Memfilter pasangan nilai kunci yang tidak berisi string 'false'.

Buat key-value pair sessionStorage baru

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

Edit kunci atau nilai sessionStorage

  1. Lihat key-value pair sessionStorage domain. Misalnya, pada 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. Lihat key-value pair sessionStorage domain. Misalnya, pada halaman demo ini.
  2. Klik pasangan nilai kunci untuk memilihnya.
  3. Klik Hapus. Delete di panel tindakan di bagian atas untuk menghapus pasangan yang dipilih. Menghapus key-value pair yang dipilih.
  4. Atau, klik Hapus semua. 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 Console.
  2. Jika Anda ingin mengakses key-value pair sessionStorage dari 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.

Berinteraksi dengan `sessionStorage` dari Konsol