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, panduan ini bukanlah panduan yang Anda inginkan. Size di kolom Log Jaringan memiliki informasi yang Anda cari. Lihat Mencatat aktivitas jaringan.

Lihat data cache

  1. Buka DevTools > Aplikasi > Penyimpanan.

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

    Cache yang tersedia.

  3. Klik cache untuk melihat kontennya.

    Melihat konten cache.

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

    Melihat header HTTP resource.

  5. Buka tab Preview untuk melihat konten resource.

    Melihat konten resource.

Memuat ulang resource

  1. Melihat data cache.

  2. Pilih materi yang ingin Anda perbarui. DevTools menyorotinya dengan warna biru untuk menunjukkan bahwa dipilih.

    Memilih resource.

  3. Klik Muat ulangmuat ulang.

Memfilter resource

  1. Melihat data cache.
  2. Gunakan kotak teks Filter menurut Path untuk memfilter resource apa pun yang tidak cocok dengan jalur yang yang Anda sediakan.

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 Anda hapus. DevTools menyorotinya dengan warna biru untuk menunjukkan bahwa dipilih.

    Memilih resource yang akan dihapus.

  3. Klik Hapus yang Dipilih Hapus yang dipilih..

Hapus semua data cache

  1. Buka Application > 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.