How can I turn caching off in Chrome for a particular website?

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?

Solution 1

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">

Solution 2

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.

Solution 3

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

Solution 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.

View more solutions

Comments

[Scott]

Not sure why I never thought of this. I should do this for all of my locally-developed sites! :^D

[Klikerko]

This would work only when Developer Tools are open. Once closed, cashing would be enabled again.

[kevinc]

This would not work for the other several dozen popular web servers.