Calling time() in PHP would give a different variable every time. This would cause the CSS to reload on every page load.

The trick is to only have them reload the CSS when there is new code to display.

If you’re using php, you could just do it like this as well:

<link rel=”stylesheet” href=”style.css<?php echo ‘?’.time(); ?>” />

but that only works on PHP pages.

Either way it saves it from having to do it manually

Thanks Nate!

Give your link rel=”…”
an id such as “the_stylesheet” then include this code into your javascript:
var noCache = {
init: function(){
var neverCache = false;

var ss = document.getElementById(‘the_stylesheet’);
if(!ss){return;}
//this.neverCache = true;
var time = new Date();
var time = time.getTime();
var freshCSS = ss.href+’?'+time;
if(neverCache){
return ss.href = freshCSS;
}
if(location.href.indexOf(‘cache=off’) > 0){
ss.href = freshCSS;
}
}
}

Then just add noCache.init(); to your onload handler.
Basically, you can quickly turn off caching in the query string, by adding this: cache=off (eg http://your-domain.com/index.html?cache=off)
or, you can set the var neverCache = false; to var neverCache = true; and that will make sure it is ALWAYS getting a fresh copy.

Just thought it might be helpful