如何在 Chrome 中为特定网站关闭缓存？

Question

I'm developing Javascript for a website called www.example.com and Chrome keeps caching earlier versions of my code. I can continuously clear the cache, but that's becoming a time sink. Any other options?

Answer 1

If you do not want to change the code for your webpage. You can simply open developer tools on Google Chrome. Shortcut: Ctrl+Shift+i on windows.

You'll find a gear on the bottom-right corner that'll take you to settings. Check "disable cache" and you're good to go.

Answer 2

I usually press: ctrl + shift + r to clear the cache. That I find the easiest.

This also works:

<meta http-equiv="no-cache">
<meta http-equiv="Expires" content="-1">
<meta http-equiv="Cache-Control" content="no-cache">

Answer 3

If you use an incognito window for debugging- it has no cached data. Simple and requires no change to your browser setup.

Answer 4

I do this myself for development. I use CTRL-F5. Its like a force refresh. This refreshes the page including re-downloading any referenced JS files or CSS files even if they were cached.

Answer 5

Add these headers to your web pages during development:

<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
<META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">

Or you can configure your web server to put no-cache info in the http headers (during development).

Answer 6

you can add in the .htaccess a rule for not caching a specific file or specific extension

<FilesMatch "script.js$">
Header unset Cache-Control
Header unset Expires
Header unset Last-Modified
FileETag None
Header unset Pragma
</FilesMatch>

or for all.js & css

<FilesMatch "\.(js|css)$"> 

Answer 7

Try setting HTTP header:

Cache-Control: no-cache, no-store

Or:

<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE, NO-STORE">

But this should only be used during development.