How to Disable Chrome Cache for Web Development?
I face this many times while working on web development project.
In this tutorial, you will find how to disable Chrome cache for web development?
Why does Browser Save Cache?
But if you are developing web pages, it does not sound good as we make frequent changes. Browser still saves old data in their cache. Instead of picking new file changes, browser use cache data.
You can disable cache in Chrome browser if you are working on web development project.
Here are Simple Steps You can Follow to Disable Chrome Cache.
You can use Google Chrome DevTools (Developers Tool).
Disable Chrome cache for web development:
F12or Right-click and
InspectElement. it will open the DevTools.
Networkin the toolbar. It will to open the network panel.
- At the top, check the
Disable cachecheckbox. Select the checkbox if it is not selected.
That’s it all.
What you can observe…
Now Chrome does not save any website cache. Every time you refresh the web page in the browser, it picks the latest changes from your source directory of the code.
Previously I have shared how you can check the HTML request and response header for every page you open in Chrome browser.
Happy Web Development!