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 | WMI - https://i.stack.imgur.com/Grwsc.png
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 | WMI - https://i.stack.imgur.com/QAtRy.jpg

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>