Menonaktifkan Chrome Cache Untuk Web Development

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

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

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>