Disable cache for specific script or stylesheet files in chrome

Question

I am developing the web app which uses some external scripts and stylesheets and using Google Chrome for debugging the app.

Certain web pages in the app contains too many external files(Such as script.js and style.css), And while debugging I only need to load the files I have changed from server instead of local browser cache and rest of the files from the cache.

I know about the hot reloading (Ctrl + F5) in chrome but it reloads ALL the scripts from the server/cdn which takes few extra seconds to load the page and makes debugging annoying.

So how can I force load/disable browser cache for only specific file in Chrome?

Does this answer your question? [chrome cache removal for single files](https://stackoverflow.com/questions/11881027/chrome-cache-removal-for-single-files) — Eric, Jul 14 '22 at 05:58

score 0 · Accepted Answer · answered Oct 21 '19 at 13:49

0

When I want only specific script to be reloaded on page refresh I add to script url timestamp like this: $v = time();

Every script that has this ?v=... will be reloaded on refresh, others will be read from cache.

answered Oct 21 '19 at 13:49

Vesna

16

script src="main.js?v=1571665409" type=text/javascript – Vesna Oct 21 '19 at 13:52
Rather than a timestamp, a build version is better, sit still allows caching in a production environment, without changing the code. – Dragonthoughts Oct 21 '19 at 14:12

Disable cache for specific script or stylesheet files in chrome

1 Answers1