Bu kılavuzda, sessionStorage anahtar/değer çiftlerini görüntülemek, düzenlemek ve silmek için Chrome Geliştirici Araçları'nın nasıl kullanılacağı gösterilmektedir. Oturum depolaması, sayfa oturumu sona erdiğinde temizlenir.
sessionStorage anahtarı ve değeri göster
İncelemek istediğiniz web sitesinde Geliştirici Araçları'nı açın.
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.
Tablonun altındaki değeri önizlemek için bir çift seçin.
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ğeri içeren bir dize yazın.
Yeni bir sessionStorage anahtar/değer çifti oluşturma
- Alan adının
sessionStorageanahtar/değer çiftlerini görüntüleyin. Örneğin, bu demo sayfasında. - Tablonun boş kısmını çift tıklayın. DevTools yeni bir satır oluşturur ve imleci Anahtar sütununa odaklar.
- Yeni bir anahtar/değer çifti girin.
sessionStorage anahtarlarını veya değerlerini düzenleme
- Bir alanın
sessionStorageanahtar/değer çiftlerini görüntüleyin. Örneğin, bu demo sayfasında. - Anahtar veya Değer sütunundaki bir hücreyi çift tıklayarak ilgili anahtarı ya da değeri düzenleyin.
- Uygulamak için sayfayı yenileyin.
sessionStorage anahtar/değer çiftlerini silme
- Bir alanın
sessionStorageanahtar/değer çiftlerini görüntüleyin. Örneğin bu demo sayfasında. - Bir anahtar/değer çiftini tıklayarak seçin.
- Seçili çifti kaldırmak için üstteki işlem çubuğunda
Sil'i tıklayın.
- İsterseniz tüm çiftleri kaldırmak için
Tümünü temizle'yi de tıklayabilirsiniz.
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.
- Geliştirme Araçları'nda Konsol'u açın.
- Bulunduğunuz sayfanın dışındaki bir alan adının
sessionStorageanahtar/değer çiftlerine erişmek istiyorsanız en üstteki işlem çubuğunda yer alan bağlam açılır menüsünden ihtiyacınız olan JavaScript bağlamını seçin. sessionStorageifadelerinizi Konsolda, JavaScript'inizde olduğu gibi çalıştırın.
