How do I keep Chrome from caching my js file that I'm trying to debug?

Question

I am facing an issue that is driving me insane. I have one and only one js file called template2.js in my js folder. I keep overwritting this file when I make modifications to my script. I am saving the file properly, but when I am testing my "pages" in the browser, I see in the Chrome debuger that an older version of that js file is taken into account. And that older version does not exist anymore as I have overwritten it. Hope someone can help me understanding what's going on.

Answer 1

When you open chrome developer toolbar, there's a cog-icon on the bottom right corner. Clicking that should open a black panel. That panel has a "Disable cache" checkbox under network-tab.

Other option would be to manually go clear the cache from preferences -> under the hood -> clear browsing data.

If you do more development using chrome, I'd just disable the cache. Saves a lot of time lost wondering about why things don't work and realizing it's the cache that didn't refresh properly.