Bagaimana cara membuat Chrome memuat kembali semua file JS dan CSS suatu halaman?

3

Diketahui bahwa menggunakan shift+ ctrl+ Rdapat digunakan untuk memaksa browser chrome untuk memuat ulang halaman alih-alih membaca dari cache. Namun, saat gambar dimuat ulang, file JS dan CSS tidak dimuat. Saat ini saya harus menguji halaman saya pada mode penyamaran, tutup dan buka kembali tab penyamaran untuk memastikan halaman tersebut tidak menggunakan file JS dan CSS yang di-cache.

Apakah ada pengaturan atau hotkey yang bisa saya lakukan dalam mode normal? Sangat melelahkan untuk membuka kembali windows setiap kali saya perlu menguji perubahan pada file CSS atau JS.

google-chrome browser cytsunny
sumber

Jawaban:

15

Jika Anda menekan 'F12' untuk membuka Alat Dev Chrome dan memilih tab jaringan, Anda memiliki opsi untuk menonaktifkan caching.

Ini hanya berfungsi dengan Panel Alat Dev terbuka.

Cache Devtools

mt025
sumber
1
Ini berhasil untuk saya. Tidak yakin mengapa itu belum diterima sebagai jawabannya.
trubliphone
1
Saya mengalami masalah aneh dengan caching css chrome bahkan dengan ini, ada ide?
SuperUberDuper
1
Apakah ada cara untuk hanya menonaktifkan caching pada sumber daya yang tidak diambil melalui internet? Saya menggunakan cdn untuk beberapa perpustakaan, dan koneksi internet saya sangat lambat ...
Nearoo
Apakah ada cara untuk menonaktifkan cache untuk jenis file tertentu? mis. Nonaktifkan cache untuk .css dan .js tetapi izinkan cache untuk yang lainnya.
Warwick
1
Ini adalah pertama kalinya saya pernah mendengar opsi ini, dan saya telah berurusan dengan masalah penyegaran ini selama bertahun-tahun. Terima kasih! FYI ke orang lain ... Anda harus memperluas bingkai Alat Dev cukup untuk melihat opsi ini.
MTAdmin
2

Melakukan reload yang keras juga harus melakukan trik. Jawaban di atas tidak selalu bekerja untuk saya, jadi melakukan reload yang keras membuatnya bekerja untuk saya.

Lihat caranya di sini

AkatsukiDiablo
sumber
1
Saya lupa menyebutkan bahwa Anda memiliki alat dev terbuka di chrome untuk dapat menekan dan menahan tombol refresh untuk opsi-opsi tersebut
AkatsukiDiablo
2

Ada beberapa cara untuk memuat ulang situs web di Chrome. Semuanya mengharuskan kami untuk membuka alat Pengembang chrome .

Melalui kombinasi tombol pintas

  1. Pastikan jendela Alat Pengembang chrome dibuka (dengan menekan F12)
  2. Tekan Ctrl + Shift + R

Dengan mengatur properti di tab Network

  1. Pastikan jendela Alat Pengembang chrome dibuka (dengan menekan F12)
  2. Buka tab Network
  3. Tick Nonaktifkan Cache kotak centang

Dengan panjang menekan Reload tombol

  1. Pastikan jendela Alat Pengembang chrome dibuka (dengan menekan F12)
  2. Arahkan ke "Tombol Segarkan" di kiri atas dan tekan lama tombol kiri mouse
  3. Dropdown kemudian akan muncul di mana kita akan mendapatkan opsi yang berbeda seperti yang ditunjukkan pada gambar ini:

Bagaimana cara membuat Chrome memuat kembali semua file JS dan CSS suatu halaman?

Rdx
sumber
-2

Anda harus mencoba Ctrl + R atau Ctrl + F5, atau Buka tab Kondisi Jaringan di DevTools (Pintasan adalah Ctrl + Shift + I) dan centang Disable Cache ....

Albert Warne
sumber
-3

Ctrl + F5 atau Ctrl + R. Anda juga dapat menekan F12, masuk ke tab jaringan, memuat ulang dengan ctrl + F5 / R dan memeriksa bahwa Anda mendapatkan http status 200 bukannya 304.

isdf
sumber
1
Bahkan jika halaman web itu sendiri (file html, tepatnya) mengembalikan 200 bukan 304, masalahnya adalah bahwa ia memperlakukan file JS dan CSS sebagai file terpisah dan memuat versi cache itu, dan saya tidak punya cara untuk memaksa mengunduh File JS dan CSS lagi.
cytsunny