Melihat data cache

Kayce Basques
Sofia Emelianova
Sofia Emelianova
GitHub

Panduan ini menunjukkan cara menggunakan Chrome DevTools untuk memeriksa data Cache.

Jika Anda mencoba memeriksa data cache HTTP, ini bukan panduan yang Anda inginkan. Kolom Ukuran Log Jaringan memiliki informasi yang Anda cari. Lihat Membuat log aktivitas jaringan.

Melihat data cache

  1. Buka DevTools > Aplikasi > Penyimpanan.

  2. Untuk melihat cache yang tersedia, luaskan Luaskan. Penyimpanan Cache.

    Cache yang tersedia.

  3. Klik cache untuk melihat kontennya.

    Melihat konten cache.

  4. Klik resource untuk melihat header HTTP-nya di bagian di bawah tabel.

    Melihat header HTTP resource.

  5. Buka tab Preview untuk melihat konten resource.

    Melihat konten referensi.

Memuat ulang resource

  1. Melihat data cache.

  2. Pilih resource yang ingin Anda perbarui. DevTools menandainya dengan warna biru untuk menunjukkan bahwa elemen tersebut dipilih.

    Memilih resource.

  3. Klik Muat ulang.

Memfilter resource

  1. Melihat data cache.
  2. Gunakan kotak teks Filter menurut Jalur untuk memfilter resource yang tidak cocok dengan jalur yang Anda berikan.

Memfilter resource yang tidak cocok dengan jalur yang ditentukan.

Contoh ini memfilter resource yang tidak berisi script di jalurnya.

Menghapus sebuah resource

  1. Melihat data cache.

  2. Klik resource yang ingin dihapus. DevTools menandainya dengan warna biru untuk menunjukkan bahwa elemen tersebut dipilih.

    Memilih resource yang akan dihapus.

  3. Klik Hapus yang Dipilih Menghapus yang dipilih..

Menghapus semua data cache

  1. Buka Aplikasi > Penyimpanan.

  2. Di bagian Cache, pastikan Kotak centang. Cache Storage diaktifkan.

  3. Klik Hapus data situs.

    Kotak centang Penyimpanan Cache dan tombol Hapus data situs.