Bagaimana cara menonaktifkan (disable) chrome cache untuk website development ?
Jawabannya The Chrome DevTools

Tutorial :

  1. Buka development tools (devtools) dengan cara
    • Click F12
    • Command+ Option+ i on Mac
    • Control+ Shift+ i on Windows or Linux
  2. Click Network Tab
  3. Check the  Disable cache
Menonaktifkan Chrome Cache Untuk Web Development
Settingan ini hanya akan berfungsi Hanya bila DevTools Terbuka Saja

Alternatif DevTools (Hard Reload && Empty Cache and Reload)

Tutorial:
  • Command+ Option+ R on Mac
  • Control+ Shift+ R on Windows/Linux
Menonaktifkan Chrome Cache Untuk Web Development

Opsional lain (Menggunakan .htaccess)


<filesMatch "\.(html|htm|js|css)$">
FileETag None
<ifModule mod_headers.c>
Header unset ETag
Header set Cache-Control "max-age=0, no-cache, no-store, must-revalidate"
Header set Pragma "no-cache"
Header set Expires "Wed, 11 Jan 1984 05:00:00 GMT"
</ifModule>
</filesMatch>