How to disable caching in Chrome for a specific website?

Question

I am developing Javascript for the website www.example.com, and Chrome saves caching of earlier versions of my code. I can constantly clear the cache, but it becomes a stream of time. Any other options?

Answer 1

Usually I press: ctrl + shift + r to clear the cache. This I consider 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 2

If you do not want to change the code of your web page. You can simply open the developer tools in Google Chrome. Shortcut: Ctrl + Shift + I on the windows.

In the lower right corner you will find a mechanism that will lead you to the settings. Check the "disable cache" box and you're good to go.

Answer 3

If you use an incognito window for debugging, it does not have cached data. Simple and does not require changes in your browser settings.

Answer 4

I do it myself for development. I am using CTRL-F5. This is like a power upgrade. This refreshes the page, including reloading any associated 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 the web server to add cache information to the http headers (during development).

Answer 6

you can add a rule in .htaccess for not caching a specific file or a 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 and css

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

Answer 7

Try setting the 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.