Pertanyaan Menonaktifkan cache Chrome untuk pengembangan situs web


Saya mengubah tampilan situs (modifikasi CSS) tetapi tidak dapat melihat hasilnya di Chrome karena cache persisten yang mengganggu. Saya mencoba Bergeser+ menyegarkan tetapi tidak berhasil.

Bagaimana saya bisa menonaktifkan cache sementara atau me-refresh halaman dengan beberapa cara sehingga saya bisa melihat perubahannya?


1431
2018-04-16 23:10


asal


Jawaban:


DevTools Chrome dapat menonaktifkan cache.

  1. F12 atau Klik kanan dan Inspect Element untuk membuka DevTools.
  2. Sekarang klik  Network di bilah alat untuk membuka panel jaringan.
  3. Akhirnya, memeriksa itu Disable cache kotak centang di bagian atas.

screenshot of development tools panel

Perlu diingat, sebagai menciak dari @ChromiumDev menyatakan, pengaturan ini hanya aktif sementara devtools terbuka.

Perhatikan bahwa ini akan menghasilkan semua sumber daya sedang dimuat ulang. Jika Anda ingin menonaktifkan cache hanya untuk beberapa sumber daya, Anda dapat memodifikasi tajuk HTTP yang dikirimkan server Anda di samping file Anda. Anda dapat membaca lebih lanjut tentang ini sini.


1814
2017-08-09 18:20



enter image description here

Mengosongkan cache terlalu menyebalkan ketika Anda perlu mengosongkan cache 30 kali per jam .. jadi saya memasang Ekstensi Chrome yang disebut Pembunuh Cache Klasik yang membersihkan cache pada setiap pemuatan halaman.

Tautan Toko Chrome (gratis) (Sekarang tanpa malware!)

Sekarang my mock json, javascript, css, html dan penyegaran data setiap saat di setiap halaman dimuat.

saya tak pernah harus khawatir jika saya harus membersihkan cache saya.

Ada sekitar 20 pembersih cache untuk Chrome yang saya temukan, tetapi yang ini sepertinya ringan dan tidak ada upaya. Dalam pembaruan, Pembunuh Cache sekarang dapat tetap "selalu aktif".

Catatan: Saya tidak tahu penulis plugin dengan cara apa pun. Saya hanya merasa berguna.


230
2017-08-02 21:46



Picture of reload menu

  1. Tarik konsol pengembang Chrome dengan menekan F12 dan kemudian (dengan konsol terbuka):

  2. Klik kanan (atau tahan klik kiri) pada tombol reload di bagian atas browser dan pilih "Empty Cache and Hard Reload."

Ini akan melampaui "Hard Reload" untuk mengosongkan cache sepenuhnya, memastikan bahwa apa pun yang diunduh melalui javascript atau lainnya juga akan menghindari penggunaan cache. Anda tidak perlu mengacaukan pengaturan atau apa pun, ini adalah solusi cepat 1-shot.


184
2018-01-22 15:29



Ada dua opsi lagi untuk nonaktifkan cache halaman di Chrome untuk selamanya:

1. Nonaktifkan Cache Chrome di Registry

Buka Registry (Mulai -> Perintah -> Regedit)

Pencarian untuk: HKEY_CLASSES_ROOT\ChromeHTML\shell\open\command

Ubah bagian setelah ... chrom.exe "ke nilai ini: –disable-application-cache –media-cache-size=1 –disk-cache-size=1 — "%1"

Contoh: "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" -disable-application-cache –media-cache-size=1 –disk-cache-size=1 — "%1"

PENTING:

  • ada ruang dan tanda hubung setelah ... chrome.exe "

  • tinggalkan jalan menuju chrome.exe seperti itu

  • Jika Anda menyalin garis, pastikan untuk memeriksa, jika tanda kutip adalah kutipan yang sebenarnya.

2. Nonaktifkan cache Chrome dengan mengubah properti pintas

Klik kanan pada ikon Chrome dan pilih "Properties" di menu konteks. Tambahkan nilai berikut ke jalur: –disk-cache-size=1

Contoh: "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" –disk-cache-size=1

PENTING:

  • ada ruang dan tanda hubung setelah ... chrome.exe "

  • tinggalkan jalan menuju chrome.exe seperti itu


35
2017-08-05 13:42



Jika Anda tidak ingin mengedit pengaturan Chrome Anda dapat menggunakan mode penyamaran untuk hasil yang sama.


22
2018-04-03 01:33



Selain opsi cache nonaktif (yang Anda dapat melalui tombol di sudut kanan bawah jendela alat pengembang - Alat | Alat Pengembang, atau Ctrl + Bergeser + saya), di panel jaringan alat pengembang Anda sekarang dapat mengklik kanan dan memilih "Hapus Cache" dari menu popup.


20
2017-09-15 15:47



  1. F12 untuk membuka Chrome DevTools
  2. F1 untuk membuka Pengaturan DevTools
  3. Memeriksa Nonaktifkan cache (saat DevTools terbuka) seperti yang ditunjukkan di bawah ini:

Ini saat ini di Preferensi tab yang merupakan default. Anda mungkin perlu menggulir ke bawah. Kotak centang ini telah dipindahkan setidaknya beberapa kali sejak pertanyaan ini diajukan. Terakhir saya cek, itu ada di kolom tengah di bagian bawah. Jika Anda membukanya pada layar yang lebih tipis dan ada 2 kolom di bawah Preferensi, itu mungkin di dekat kanan atas. Jangan ragu untuk memperbarui posting ini jika itu berubah atau komentar dan saya akan memperbarui posting.

enter image description here


19
2018-03-31 16:38



Di Kanary Channel (dan mungkin dev dan saluran stabil akan mengikuti) ini dapat ditemukan sebagai opsi kedua secara keseluruhan di sisi kiri bawah bagian "Umum".

Disable Cache in Chrome Canary Channel

Selain itu, selalu ada opsi untuk beralih ke Mode Penyamaran melalui Ctrl + Shift + N. Meskipun sayangnya itu juga mengakhiri sesi Anda.


16
2018-03-27 20:28



Alih-alih memukul "F5" Tekan saja:

"Ctrl + F5"


16
2017-11-24 15:56