Posted By: Anonymous
I am modifying a site’s appearance (CSS modifications) but can’t see the result on Chrome because of annoying persistent cache. I tried Shift+refresh but it doesn’t work.
How can I disable the cache temporarily or refresh the page in some way that I could see the changes?
The Chrome DevTools can disable the cache.
- Right-click and choose
Inspect Elementto open the DevTools. Or use one of the following keyboard shortcuts:
Networkin the toolbar to open the network pane.
- Check the
Disable cachecheckbox at the top.
Note that this will result in all resources being reloaded. Should you desire to disable the cache only for some resources, you can modify the HTTP header that your server sends alongside your files.
If you do not want to use the
Disable cache checkbox, a long press on the refresh button with the DevTools open will show a menu with the options to
Hard Reload or
Empty Cache and Hard Reload which should have a similar effect. Read about the difference between the options to know which option to choose. The following shortcuts are available:
- Command+Option+R on Mac
- Control+Shift+R on Windows or Linux