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

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ğerlerini 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çilen anahtarın değerini görüntüleme.

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 veya değerin bulunduğu bir dize yazın.

"false" dizesini içermeyen anahtar/değer çiftlerini filtreleme.

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. DevTools yeni bir satır oluşturur ve imleci Anahtar sütununa odaklar.
  3. Yeni bir anahtar/değer çifti girin.

sessionStorage anahtarlarını veya değerlerini 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ı ya da değeri düzenleyin.
  3. Uygulamak için sayfayı yenileyin.

sessionStorage anahtar/değer çiftlerini silme

  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çilen anahtar/değer çiftini silme.
  4. Alternatif olarak, tüm eşlemeleri kaldırmak için Tümünü temizle'ye dokunun. Tümünü temizle'yi tıklayın.

Console'dan sessionStorage ile etkileşim kurma

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

  1. Geliştirme 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ğundaki bağlam açılır menüsünden ihtiyacınız olan JavaScript bağlamını seçin.
  3. sessionStorage ifadelerinizi, JavaScript'inizde yaptığınız gibi Console'da çalıştırın.

Console'dan "sessionStorage" ile etkileşim kurma