Clear the browser cache of CSS or JavaScript Using PHP

Other than caching every hour, or every week, you may cache according to file data.

<script src="js/my_script.js?v=<?=md5_file('js/my_script.js')?>"></script>

1	<script src="js/my_script.js?v=<?=md5_file('js/my_script.js')?>"></script>

or use file modification time:

<script src="js/my_script.js?v=<?=filemtime('js/my_script.js')?>"></script>

1	<script src="js/my_script.js?v=<?=filemtime('js/my_script.js')?>"></script>

or use file modification every hour:

<script type="text/javascript" src="js/myscript.js?v=<?php echo date('YmdHis'); ?>"></script>

1	<script type="text/javascript" src="js/myscript.js?v=<?php echo date('YmdHis'); ?>"></script>

or Using Javascript

function reloadScripts(toRefreshList/* list of js to be refresh */, key /* change this key every time you want force a refresh */) {
    var scripts = document.getElementsByTagName('script');
    for(var i = 0; i < scripts.length; i++) {
        var aScript = scripts[i];
        for(var j = 0; j < toRefreshList.length; j++) {
            var toRefresh = toRefreshList[j];
            if(aScript.src && (aScript.src.indexOf(toRefresh) > -1)) {
                new_src = aScript.src.replace(toRefresh, toRefresh + '?k=' + key);
                // console.log('Force refresh on cached script files. From: ' + aScript.src + ' to ' + new_src)
                aScript.src = new_src;
            }
        }
    }
}

function reloadScripts(toRefreshList/* list of js to be refresh */, key /* change this key every time you want force a refresh */) {

var scripts = document.getElementsByTagName('script');

for(var i = 0; i < scripts.length; i++) {

var aScript = scripts[i];

for(var j = 0; j < toRefreshList.length; j++) {

var toRefresh = toRefreshList[j];

if(aScript.src && (aScript.src.indexOf(toRefresh) > -1)) {

new_src = aScript.src.replace(toRefresh, toRefresh + '?k=' + key);

// console.log('Force refresh on cached script files. From: ' + aScript.src + ' to ' + new_src)

aScript.src = new_src;

}

Related posts