Question

how to clear browser cache and history via javascript
I found some links like:-

How to clear browser history oan clear cache?

how to clear browser hash history in javascript

but they do not properly described on how this can be achieved via javascript ( or jQuery)

I require this so that the user do not have to do a [Ctrl+F5] or manually clear cache
and the most recent version of javascript file is loaded in the browser.

The main aim is to load the latest javascript files every time the user visits the website.
My application in ASP.NET MVC based and javascript files are included in .csHtml file.

Answer 1

There are other ways to prevent a JavaScript file (or other files) from being cached.

Simply append some dummy parameters to the end of the url. For example –

http://www.yourCoolSite.com/resources/js/main.js?r=SOME_RANDOM_VALUE

You would optimally do this on the server side. In PHP, this would look something like this –

echo "http://www.yourCoolSite.com/resources/js/main.js?r=".time();

Using the time() function, we append the current epoch timestamp to the URL and therefore guarantee* that the file will appear different to the browser each time.

^{* Until 2038 that is 😉}