How to make Chrome reload all JS and CSS file of a page?
It is known that using shift+ctrl+R can be used to force chrome browser to reload the page instead of reading from cache. However, while the images are reloaded, the JS and CSS files are not loaded. Currently I have to test my page on incognito mode, close and reopen the incognito tab so as to make sure the page is not using the cached JS and CSS files.
Is there any settings or hotkey I can do this in normal mode? It is really tiring to reopen the windows every time I need to test the changes in CSS or JS files.
If you press 'F12' to open Chrome Dev Tools and select the network tab, you have the option to disable caching.
This only works with the Dev Tools Panel is open.
There are a couple of ways to Hard reload a website in chrome. All of them require us to open chrome Developer tools.
Through short cut key combination
- Make sure that chrome Developer Tools window is opened (by pressing F12)
- Press Ctrl + Shift + R
By setting property in Network tab
- Make sure that chrome Developer Tools window is opened (by pressing F12)
- Head over to Network tab
- Tick Disable cache checkbox
By long pressing Reload button
- Make sure that chrome Developer Tools window is opened (by pressing F12)
- Point to "Refresh button" in top left and long press left mouse button
- A dropdown will then appear where we will get different options as shown in this image:
