Conduct A Hard Refresh In Your Browser

Browser caches are known to present a real challenge for developers but are useful for browsing.

Contemporary internet browsers cache every front-end resource. This includes Javascript and CSS in order to increase the performance of their websites once published, but if you're developing and constantly modifying your javascript and stylesheets it presents a whole new challenge. If you want to see any of the changes you've made, you are going to have to conduct a hard refresh or clear the browser's cache.

Hard refresh describes a way of clearing the browser's cache on a specific page. If you need to see changes made in development mode or not you are encouraged to regularly clear your browser's cache.

If you are running Windows or Linux, follow these simple steps to clear your browser's cache.

Google Chrome

You will begin by opening your browser and reloading by pressing:

Ctrl + F5

Open your DevTools by pressing:

F12

Once open, just right click on the refresh button and a menu will drop down. This menu gives you the option of doing a hard refresh, or even clearing the cache and do a hard refresh automatically.

Mozilla Firefox

Begin by pressing:

Ctrl + F5

Alternatively, you could hold down Ctrl and ⇧ Shift and then press R.