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 bukan panduan yang Anda inginkan. Kolom Size pada Network Log memiliki informasi yang Anda cari. Lihat artikel Mencatat aktivitas jaringan ke dalam log.

Melihat data cache

  1. Buka DevTools > Application > Storage.

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

    Cache yang tersedia.

  3. Klik cache untuk melihat kontennya.

    Melihat konten cache.

  4. Klik sumber daya untuk melihat header HTTP-nya pada bagian di bawah tabel.

    Menampilkan header HTTP resource.

  5. Buka tab Preview untuk melihat konten resource.

    Melihat konten resource.

Memuat ulang resource

  1. Melihat data cache.

  2. Pilih referensi yang ingin dimuat ulang. DevTools menyorotnya dengan warna biru untuk menunjukkan bahwa telah dipilih.

    Memilih resource.

  3. Klik Refreshrefresh.

Memfilter resource

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

Memfilter resource yang tidak cocok dengan jalur yang ditetapkan.

Contoh ini memfilter resource yang tidak berisi script di jalurnya.

Menghapus sebuah resource

  1. Melihat data cache.

  2. Klik materi yang ingin dihapus. DevTools menyorotnya dengan warna biru untuk menunjukkan bahwa telah dipilih.

    Memilih resource yang akan dihapus.

  3. Klik Delete Selected Hapus yang dipilih..

Hapus semua data cache

  1. Buka Application > Storage.

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

  3. Klik Hapus data situs.

    Kotak centang Penyimpanan Cache dan tombol Hapus data situs.