Forcing a browser refresh
How to do force a hard refresh in Chrome, Firefox and IE
Modern day browsers cache front end resources like javascript or CSS style sheets. They primarily do this to increase the website or app performance but this can be really irritating if your browser refuses to update the latest version of the code base. In this case the only way to see the changes is by doing a hard refresh or to clear the cache of the browser.
A hard refresh is a way of clearing the browser’s cache for a specific page, forcing it to load the most recent version of a page. Sometimes, when changes are made to the Canvasflow platform, they don’t register immediately due to heavy browser caching. A hard refresh will usually fix this, though occasionally completely clearing the cache is necessary.
How to perform a hard refresh on various browsers:
Chrome:
Quick hard refresh can be done by using the following short cut keys
Windows/Linux:
- Hold down Ctrl and click the Reload button.
- Or, Hold down Ctrl and press F5.
- Open the Chrome Dev Tools by pressing F12. Once the chrome dev tools are open, right click on the refresh button and a menu will drop down. This menu gives you the option of performing a hard refresh, or even clearing the cache and do a hard refresh automatically.
Mac:
- Hold ⇧ Shift and click the Reload button.
- Or, hold down ⌘ Cmd and ⇧ Shift key and then press R.
Mozilla Firefox and Related Browsers:
Quick hard refresh can be done by using the following short cut keys
Windows/Linux:
- Hold the Ctrl key and press the F5 key.
- Or, hold down Ctrl and ⇧ Shift and then press R.
Mac:
- Hold down the ⇧ Shift and click the Reload button.
- Or, hold down ⌘ Cmd and ⇧ Shift and then press R.
Internet Explorer / Edge:
- Hold the Ctrl key and press the F5 key.
- Or, hold the Ctrl key and click the Refresh button.