Oturum depolama alanını görüntüleme ve düzenleme

Kayce Basques
Kayce Basques
Sofia Emelianova
Sofia Emelianova

Bu kılavuzda, sessionStorage anahtar/değer çiftlerini görüntülemek, düzenlemek ve silmek için Chrome Geliştirici Araçları'nı nasıl kullanacağınız gösterilmektedir. Oturum depolama alanı, sayfa oturumu sona erdiğinde temizlenir.

sessionStorage anahtar ve değeri görüntüleme

  1. İncelemek istediğiniz web sitesinde Geliştirici Araçları'nı açın.

  2. Uygulama > Depolama'ya gidin ve Oturum Depolama Alanı'nı genişletin. Anahtar/değer çiftlerini görüntülemek için bir alanı tıklayın.

    youtube.com'un anahtar/değer çiftleri.

  3. Tablonun altındaki değeri önizlemek için bir çift seçin.

    Seçili anahtarın değeri görüntüleniyor.

Anahtar/değer çiftlerini manuel olarak yenilemek için üstteki işlem çubuğunda Yenile'yi tıklayın.

Anahtar/değer çiftlerini filtreleme

İhtiyacınız olan bir anahtar/değer çiftini hızlıca bulmak için üstteki filtre kutusuna anahtarın veya değerin içerdiği bir dizeyi yazın.

"false" dizesini içermeyen anahtar/değer çiftleri filtreleniyor.

Yeni bir sessionStorage anahtar/değer çifti oluşturun

  1. Alan adının sessionStorage anahtar/değer çiftlerini görüntüleyin. Örneğin, bu demo sayfasında.
  2. Tablonun boş kısmını çift tıklayın. Geliştirici Araçları yeni bir satır oluşturur ve imlecinizi Anahtar sütununa odaklar.
  3. Yeni bir anahtar/değer çifti girin.

sessionStorage anahtarı veya değeri düzenleme

  1. Bir alanın sessionStorage anahtar/değer çiftlerini görüntüleyin. Örneğin, bu demo sayfasında.
  2. Anahtar veya Değer sütunundaki bir hücreyi çift tıklayarak ilgili anahtarı veya değeri düzenleyin.
  3. Uygulamak için sayfayı yenileyin.

sessionStorage anahtar/değer çiftini sil

  1. Bir alanın sessionStorage anahtar/değer çiftlerini görüntüleyin. Örneğin, bu demo sayfasında.
  2. Bir anahtar/değer çiftini tıklayarak seçin.
  3. Seçili çifti kaldırmak için üstteki işlem çubuğunda Sil'e dokunun. Sil'i tıklayın. Seçili anahtar/değer çifti siliniyor.
  4. Alternatif olarak, tüm çiftleri kaldırmak için Tümünü temizle'ye dokunun. Tümünü temizle'yi tıklayın.

Konsol'dan sessionStorage ile etkileşim kurma

Konsol'da JavaScript çalıştırabildiğiniz ve Konsol, sayfanın JavaScript bağlamlarına erişebildiği için Konsol'dan sessionStorage ile etkileşim kurabilirsiniz.

  1. Geliştirici Araçları'nda Konsol'u açın.
  2. Bulunduğunuz sayfa dışındaki bir alanın sessionStorage anahtar/değer çiftlerine erişmek istiyorsanız üstteki işlem çubuğunda bulunan bağlam açılır menüsünden ihtiyacınız olan JavaScript bağlamını seçin.
  3. sessionStorage ifadelerinizi, JavaScript'te yaptığınız gibi Konsol'da çalıştırın.

Konsol'dan `sessionStorage` ile etkileşim kurma