如何禁用谷歌浏览器DevTools中某些文件的缓存

Question

Whenever I run the project, many files(CSS, image and js) requested from a remote server and the project load slowly.

For handling this issue, I unchecked disable cache for all files in the network tab of Chrome DevTools(for caching all files) as follows:

But the problem started when I need some files(for example test.js,...) don't cache because they change quickly.

How to disable cache for some files(JS, CSS,...) in google chrome DevTools?

Answer 1

There are many ways to disable cache for specific files.

Maybe the two most common are:

1. The build-in bundle system of .net

2. Add query to your script file name ie:

    <script src="../whatever/someFile.js?version=1234" /> //Where version can be a variable taken from web.config or DateTime.Now() of some sort. 

Answer 2

press ctrl+shift+i (devTools>network) select [Disable cache]