Here is a simple Chrome tip to (quickly) temporarily disable a website’s cache. If you are testing something on a website, this tip will come handy!.
The trick here is to use the Chrome Developer Tools Console to temporarily disable the website’s cache. There is one catch. You will need to keep the console open as long as you want the cache disabled. Luckily, you can detach the console from the tab and keep it minimized until you are done.
Disable A Website’s Cache Using Developer Tools
There are multiple ways to open the Chrome Developer Tools console. Go ahead and open it using your favorite method. If you are new to this, here are some options. use one of them:
- Go to Settings > Tools > Developer Tools
- Right click on the page and choose Inspect Element.
- CTRL + SHIFT + I (or Cmd+Opt+I on Mac)
- CTRL+ SHIFT + J (or Cmd+Opt+J on Mac) (Opens with Console in focus)
- CTRL+ SHIFT + C (or Cmd+Shift+C on Mac)
On the Developer Tools Console, go to Settings. If you are on Windows, press F1. Under General, choose Disable cache. This is under the Network subgroup.
The website’s caching will be disabled temporarily. You can refresh the page (leaving the console open) to reload the page fresh, skipping the cache. The cache kicks back in as soon as you close the console and refresh the page..
Hope you find this useful!