Automatic CSS reloading through jQuery

<img class=”size-full wp-image-180 alignleft” title=”JQuery_logo_color_onwhite-300×74″ src=”http://www.thyone.nl/wp-content/uploads/2010/03/JQuery_logo_color_onwhite-300×74.png” alt=”" width=”300″ height=”74″ />

Ja, vrij lastig voor elke developer, maar het moet toch vaak gebeuren: de CSS moet herladen worden.

Met een simpel stukje code (met dank aan jQuery) kun je met 1 klik op de knop alle CSS herladen. Let op dat sommige browsers heel snel even kunnen gaan trippen omdat ze geen CSS meer hebben, maar als je een beetje snelle pc hebt hoeft dat geen probleem te zijn.

Dit wilde ik jullie niet onthouden:

function reloadStylesheets() {
var stylesheets = $('link[rel="stylesheet"]');
var reloadQueryString = '?reload=' + new Date().getTime();
stylesheets.each(function () {
this.href = this.href.replace(/\?.*|$/, reloadQueryString);
});
}

Tweet