How to force Chrome's script debugger to reload javascript?

Question

While you are developing your script, try disabling the Chrome cache.

When you reload the page, the JavaScript should now get refreshed.

---

Chrome circa 2011

---

Chrome circa 2018

You can also access it on the network tab:

The context menu shown above is accessible by right clicking / presssing & holding the "reload" button, while Chrome Dev Tools is opened.

Empty cache and hard reload works best for me.

Another Advantage: This option keeps all other opened tabs and website data untouched. It only reloads and clears the current page.

You can always clear a specific file by doing the following:

1. Open Dev Tools
2. Click on the Sources tab
3. Find your script / image / file
4. Check the right panel to see if your file is up to date

If not:

1. Right click the resource in the left panel and choose 'Open Link in New Tab'
2. Force a reload of the resource with the methods above. (See @Bishoy Hanna's example)

This is very handy if you have resources that are in frames and CTRL+F5 is not force refreshing them.

Shift+F5 quickly clears the cache.

Here's a shortcut to DevTools:

1. F12 to open Chrome DevTools
2. F1 to open DevTools Settings
3. Check Disable cache (while DevTools is open) as shown below:

Note: Updated per Dimi's comment. They tend to move it so let me know or update the post if you notice that it's changed.

For Google chrome it is not Ctrl+F5. It's Shift+F5 to clear the current cache! It works for me !