it-swarm.dev

Menonaktifkan cache Chrome untuk pengembangan situs web

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

Bagaimana saya bisa menonaktifkan cache sementara atau menyegarkan halaman sedemikian rupa sehingga saya bisa melihat perubahannya?

1532
tomermes

Chrome DevTools dapat menonaktifkan cache.

  1. Klik kanan dan pilih Inspect Element untuk membuka DevTools. Atau gunakan yang berikut pintasan keyboard :
    • F12
    • Command+Option+i di Mac
    • Control+Shift+i pada Windows atau Linux
  2. Klik Network di bilah alat untuk membuka panel jaringan.
  3. Centang kotak centang Disable cache di bagian atas.

screenshot of development tools panel

Perlu diingat, sebagai Tweet dari @ ChromiumDev dinyatakan, pengaturan ini hanya aktif saat devtools terbuka .

Perhatikan bahwa ini akan menghasilkan semua sumber daya dimuat ulang. Jika Anda ingin menonaktifkan cache hanya untuk beberapa sumber daya, Anda dapat memodifikasi header HTTP yang dikirim server Anda bersama file Anda.

Jika Anda tidak ingin menggunakan kotak centang Disable cache, tekan agak lama pada tombol segarkan dengan DevTools terbuka akan menampilkan menu dengan opsi untuk Hard Reload atau Empty Cache and Hard Reload yang seharusnya memiliki efek serupa. Baca tentang perbedaan antara opsi . Pintasan berikut tersedia:

  • Command+Option+R di Mac
  • Control+Shift+R pada Windows atau Linux

long press

1919
Steve

enter image description here

Membersihkan cache terlalu mengganggu ketika Anda perlu menghapus cache 30 kali dalam satu jam .. jadi saya menginstal Chrome Extension bernama Classic Cache Killer yang membersihkan cache pada setiap halaman load.

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

Sekarang mock json, javascript, css, html, dan data saya refresh setiap kali pada setiap pemuatan halaman

Saya tidak pernah harus khawatir jika saya perlu menghapus cache saya.

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

Catatan: Saya tidak tahu pembuat plugin dengan cara apa pun. Saya hanya menemukan itu berguna.

236
Evildonald

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 muat ulang 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, itu solusi cepat 1-shot.

195
JackArbiter

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

1. Nonaktifkan Cache Chrome di Registry

Buka Registry (Mulai -> Perintah -> Regedit)

Cari: 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 spasi dan tanda hubung setelah ... chrome.exe " 

  • biarkan path ke chrome.exe apa adanya 

  • Jika Anda menyalin garis, pastikan untuk memeriksa, apakah tanda kutip adalah tanda kutip aktual. 

2. Nonaktifkan cache Chrome dengan mengubah properti pintasan

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

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

PENTING: 

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

  • biarkan path ke chrome.exe apa adanya

39
user2653348

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

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

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

enter image description here

21
Tony L.

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

21
Tim Keating

Alih-alih memukul "F5" Tekan saja:

"Ctrl + F5"

17
Arvand

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

Disable Cache in Chrome Canary Channel

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

17
Bruiser

Agar jelas, kotak centang nonaktifkan cache di Chrome (v17 di sini, tetapi karena v15 saya percaya) tidak ada di UI pengaturan utama. Itu ada di UI pengaturan alat pengembang.

  1. Dari menu ikon kunci inggris jendela peramban (menu pra) pilih Alat → Alat Pengembang

  2. Di UI alat pengembang yang muncul, klik ikon roda gigi di kanan bawah.

  3. Centang kotak 'Nonaktifkan cache' di bagian Jaringan.

14
Mason

Menggunakan Ctrl+Shift+R menyegarkan adalah Nice tetapi tidak mendapatkan semua yang saya butuhkan. masih ada beberapa hal yang tidak menyegarkan, seperti data yang disimpan dalam js dan css. menemukan solusi: a bilah alat google untuk pengembang web chrome . Setelah Anda menginstal toolbar pilih opsi dan "reset halaman".

14
tomermes

Nonaktifkan cache di chrome hanya berfungsi ketika Anda memiliki alat dev terbuka

13
jamiethepiper

Sampai bug diperbaiki, Anda dapat menggunakan Bersihkan Cache Plugin Chrome dan Anda juga dapat mengatur pintasan keyboard untuk itu.

Setelah menginstalnya, klik kanan dan pergi ke opsi:

enter image description here

Periksa Automatically reload active tab after clearing data:

enter image description here

Pilih Everything untuk Periode Waktu:

enter image description here

Dan kemudian Anda dapat pergi ke Menu => Alat => Ekstensi:

enter image description here

Klik pintasan keyboard di bagian bawah:

enter image description here

Dan atur pintasan keyboard Anda, misalnya Ctrl + Shift +R:

enter image description here

12

Sebenarnya jika Anda tidak keberatan menggunakan bandwidth, lebih aman karena berbagai alasan untuk menonaktifkan caching dan disarankan oleh banyak situs keamanan.

Chromium seharusnya tidak cukup sombong untuk membuat keputusan dan menegakkan pengaturan pada pengguna.

Anda dapat menonaktifkan cache di UNIX dengan --disk-cache-dir =/dev/null.

Karena ini adalah crash yang tidak terduga mungkin terjadi tetapi jika mereka melakukannya maka itu jelas akan menunjukkan bug yang lebih parah yang harus diperbaiki dalam hal apa pun.

8
Kevin Chadwick

Ini mungkin membantu seseorang. 

Saya telah mencurangi Nginx saya untuk caching gila. Dengan demikian, menonaktifkan cache di alat jaringan dan secara eksplisit membersihkan cache tidak berfungsi.

Solusi yang sangat sederhana namun membosankan adalah, saya baru saja membuka Tab Penyamaran baru. Anehnya itu bekerja, sepanjang waktu!

Penyegaran keras dalam mode penyamaran melakukan trik kapan pun saya ingin memuat ulang dalam mode yang sama.

6
Rexford

Bagaimana dengan bookmarklet yang mengubah nama halaman untuk mencegah halaman dari cache. Di Chrome Anda akan membuat bookmark baru dan kemudian menempelkan kode ke URL. Klik bookmark dan halaman akan memuat ulang dengan timestamp untuk menggagalkan cache.

javascript:(function(){var idx = location.href.indexOf('?');var d = new Date();var str = location.href.substr(0,idx) + '?version=' + d.getTime();location.href=str; void 0;})();
5
mbokil

Saya baru saja ketahuan tetapi belum tentu karena Chrome.

Saya menggunakan jQuery untuk membuat permintaan AJAX. Atribut cache disetel ke true dalam permintaan:

   $.ajax({
        type: 'GET',
        cache: true,
        ....

Mengatur ini ke false memperbaiki masalah saya tetapi ini tidak ideal.

Saya tidak tahu di mana data ini disimpan tetapi saya tahu bahwa chrome tidak pernah menekan server untuk permintaan.

4
DynamicDan

Ada cara yang lebih baik dan lebih cepat sekarang (Chrome versi 59.x.x.): 

Klik kanan pada ikon reload (sebelah kiri url-field) dan Anda mendapatkan menu drop-down, pilih opsi ketiga: 'kosongkan Cache dan Hard memuat ulang'.

Opsi ini hanya tersedia ketika alat pengembang terbuka . (Perhatikan perbedaan pada opsi 2: 'Hard reload' -cmd-shift-R). Tidak ada cache yang kosong di sini!

4
Luftwaffle

Ada ekstensi chrome yang tersedia di toko web chrome bernama Clear Cache .

Saya menggunakannya setiap hari dan itu alat yang sangat berguna menurut saya. Anda dapat menggunakannya sebagai tombol muat ulang dan dapat menghapus cache dan jika Anda juga suka cookie, penyimpanan lokal, data formulir dll. Anda juga dapat menentukan pada domain mana ini terjadi. Jadi dapat menghapus semua omong kosong ini hanya dengan tombol muat ulang yang harus Anda tekan - pada domain yang Anda pilih.

Sangat sangat bagus!

Anda juga dapat menentukan Pintasan Keyboard untuk ini di opsi!

Juga cara lain adalah memulai jendela chrome Anda dalam mode penyamaran ..__ Di sini cache juga harus dinonaktifkan sepenuhnya.

3
chris

Bagaimana saya bisa menonaktifkan cache sementara atau menyegarkan halaman sedemikian rupa sehingga saya bisa melihat perubahannya?

Tidak jelas "cache" mana yang Anda maksud. Ada beberapa metode berbeda yang dapat dilakukan peramban untuk menyimpan konten secara terus-menerus. Penyimpanan Web menjadi salah satu dari mereka, Cache-Control menjadi yang lain.

Beberapa browser juga memiliki Cache , digunakan bersamaan dengan Pekerja Layanan , untuk membuat Progressive Web Apps (PWA) yang menyediakan dukungan offline.

Untuk menghapus cache untuk PWA

self.caches.keys().then(keys => { keys.forEach(key => console.log(key)) })

untuk mendaftar nama-nama kunci cache, kemudian jalankan:

self.caches.delete('my-site-cache')

untuk menghapus kunci cache dengan nama (mis., my-site-cache). Kemudian segarkan halaman.

Jika Anda melihat kesalahan terkait pekerja di konsol setelah menyegarkan, Anda mungkin juga perlu membatalkan registrasi pekerja yang terdaftar:

navigator.serviceWorker.getRegistrations()
  .then(registrations => {
    registrations.forEach(registration => {
      registration.unregister()
    }) 
  })
2
Josh Habdas

Satu lagi opsi untuk menonaktifkan cache disediakan oleh ekstensi Chrome saya yang ke-3 Inspektur Ukuran Halaman yang menonaktifkan cache dengan cara yang persis sama seperti yang dilakukan Devtools.

Selain itu, ekstensi dengan cepat melaporkan ukuran halaman, penggunaan cache, permintaan jaringan, dan waktu buka halaman web dengan cara yang mudah. Ditambah sumber terbuka di Github .

 Screenshot - Page Size Inspector

2
Tomi Mickelsson

Jika Anda menggunakan ServiceWorkers (mis .: untuk aplikasi web Progresif), Anda mungkin perlu memeriksa "Pembaruan saat memuat ulang" di bawah Aplikasi> Pekerja Layanan dalam alat pengembang juga.

enter image description here

2
Bob

Tidak yakin apa yang Anda gunakan, tetapi jika Anda menggunakan ASP.Net Anda dapat melakukan hal-hal berikut yang berfungsi seperti pesona:

<link href="@Url.Content("~/Content/Site.css")[email protected]" rel="stylesheet" />

Pada dasarnya ini akan secara otomatis menambahkan Tanggal dan Waktu ke akhir file setiap kali dijalankan, artinya karena nama file secara teknis berbeda, Anda tidak perlu khawatir tentang itu akan di-cache lagi.

2
MattE

Saya memiliki masalah yang sama, saya mencoba:

  • Kontrol Shift R,
  • Nonaktifkan cache di F12
  • Kontrol F5.

Kemudian saya menemukan bahwa menggunakan a .appcache manifes untuk situs non https sudah usang . Saya menghapus file site.appcache dan rujukannya di tag html dan sekarang saya melihat versi terbaru dari setiap halaman!

1
Ole EH Dufour

Hei jika situs Anda menggunakan PHP maka tempatkan cuplikan PHP kecil berikut di awal halaman html Anda:

   //dev versioning - stop caching
   $Rand = Rand(1, 99999999);

Sekarang di mana pun Anda memuat sumber daya seperti file CSS- atau JS- dalam skrip atau elemen tautan, Anda menambahkan nilai acak yang dihasilkan ke URL permintaan setelah menambahkan '?' ke URI melalui PHP:

    echo $Rand;

Itu dia! Tidak akan ada lagi peramban yang cache situs Anda - apa pun jenisnya.

Tentu saja hapus kode Anda sebelum menerbitkan atau cukup setel $ Rand ke string kosong untuk mengizinkan caching lagi.

0
Torsten Barthel

Saya telah menggunakan opsi lain yang dijelaskan di atas, tetapi saya menemukan bahwa yang terbaik adalah menambahkan parameter berikut ke startup chrome.exe.

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

Saya menemukan bahwa tidak menonaktifkan cache media adalah ide yang bagus tetapi ada di sini untuk kelengkapannya.

Sebenarnya saya ingin opsi untuk sepenuhnya menonaktifkan cache, untuk menggunakan memori untuk IO bukan disk saya (yang akan membuat waktu buka 10x lebih cepat juga!) Tapi saya tidak berpikir chrome atau browser apa pun dalam hal ini belum memiliki opsi itu.

0
Ahmed

Sejauh ini pembunuh Chrome Cache adalah pilihan terbaik. Karena URL toko untuk memasang cache killer sedang down, Anda dapat mengunduh file CRX di sini:

https://www.crx4chrome.com/extensions/jpfbieopdmepaolggioebjmedmclkbap/

setelah file ekstensi diunduh, buka Chrome -> lebih banyak alat -> ekstensi, lalu seret file CRX dari File Explorer atau Desktop Anda (tergantung lokasi tempat Anda mengunduh file) ke jendela chrome untuk menginstal ekstensi.

0
BernieSF

Saya berada dalam situasi di mana browser memuat data cache dari disk bahkan saya memeriksanya cache yang dinonaktifkan (saya menggunakan Chrome). Semua css dan js saya dimuat dari server tetapi tidak pada halaman web. Ini terjadi pada produksi lokal dan saya.

Untuk memperbaikinya, saya perlu meletakkan param tambahan di url saya untuk memaksa browser untuk mendapatkan halaman web dari server, bahkan controller tidak memerlukannya.

Saya menggunakan ASP.Net, jadi inilah contoh saya

//Controller function
public ActionResult Index()
    {
        return View();
    }
//Link
@Html.Action("Index", "Home", new { ts = DateTime.Now.Ticks.ToString()})

Hasilnya, ia akan menghasilkan tautan seperti: http://www.myweb.com/Home/Index?ts=636558555408282209

Ini adalah situasi dan solusi saya. Semoga itu bisa membantu seseorang.

0
Jansen

Sejak versi 50 (jika saya ingat dengan benar), opsi "Nonaktifkan cache" telah dihapus dari Pengaturan Devtool. Buka tab "Jaringan" dan ada opsi "Nonaktifkan cache".

0
boi_echos

Tambahkan string kode ini ke Anda dan itu harus melakukan trik.

<meta name="robots" content="noarchive">
0

Saya menggunakan (di windows), ctrl + shift + delete dan ketika dialog chrome muncul, tekan tombol enter. Ini dapat dikonfigurasi dengan apa yang perlu dihapus setiap kali Anda menjalankan urutan ini. Tidak perlu memiliki dev. alat terbuka dalam hal ini.

0
santon