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

Sofia Emelianova
Sofia Emelianova

Bu kılavuzda, localStorage 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. Yerel depolama, verileri tarayıcı oturumları arasında kaydeder.

localStorage anahtarı ve değeri göster

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

  2. Application (Uygulama) > Storage'a (Depolama) gidin ve Local Storage'ı (Yerel Depolama) 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 en üstteki işlem çubuğunda Yenile'ye dokunun. Yenile'yi tıklayın.

Anahtar/değer çiftlerini filtreleme

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

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

Yeni bir localStorage anahtar/değer çifti oluştur

  1. Alanın localStorage 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.

localStorage anahtarlarını veya değerlerini düzenleyin

  1. Bir alanın localStorage 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.

localStorage anahtar/değer çiftini sil

  1. Bir alanın localStorage 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çilen çifti kaldırmak için üst kısımdaki işlem çubuğunda Sil'e dokunun. Sil'i tıklayın.Seçilen anahtar/değer çifti siliniyor.
  4. Alternatif olarak, tüm çiftleri kaldırmak için Hepsini temizle'ye dokunun. Tümünü temizle'yi tıklayın.

Konsoldan localStorage ile etkileşim kurun

JavaScript'i Konsol'da çalıştırabileceğiniz ve Konsol'un sayfanın JavaScript bağlamlarına erişimi olduğundan, Konsol'dan localStorage ile etkileşimde bulunmak mümkündür.

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

Konsoldan "localStorage" ile etkileşim kurma