Csdrhrt

With Chrome:

Starting with Chrome 15, open the Developer Tools, click on the cogwheel at bottom left of the screen, and select the checkbox Disable cache.

This way, you will be sure that resources are always reloaded from the server, and you don't have to manually clear the cache, which might also remove cached data for unrelated sites.

I disagree with @7wp. Since some of your end users aren't familiar with the Ctrl+F5 function, and some aren't even aware of the differences between browsers and even the existance of other browsers (elders for example) you should force the browser to download a new copy of the JS/CSS files.

The best solution here is to add the timestamp at the end of the .js/.css filenames, or add the svn version which is a great idea too.

<script src="js/myfile.js?t=<?=time()?>" type="text/javascript"></script>

You might want to try clearing just your cache, and not your entire browsing, history, cookies, passwords, saved form data, and whatnot (the default).

In Firefox 3.5, go to

Tools » Clear Recent History...

Then make sure only "Cache" is selected before selecting "Clear Now."

In Chrome (don't know what particular version you're using, as I use the dev builds), go to

Wrench Icon (Tools) » Options » Personal Stuff tab » Clear browsing data...

Again, make sure only "Empty the cache" is checked.

Alternatively, you can try opening up a new Private session in Firefox or Incognito window in Chrome; neither should cache any files (including your .JS files) you automatically download and process when browsing.

I've been using a little trick on a site that I'm working on...for the same reasons as you. I make small changes and have JavaScript code loaded by JavaScript code and want to make sure that I'm always working with the current (non-cached) script.

Try making the JavaScript code you are loading into a PHP file...simply put <?php ?> at the beginning and put on the ext of .php.

var fileref = document.createElement('script');

fileref.setAttribute("type", "text/javascript");



// The Date added to the file doesn't effect the results but

// helps Internet Explorer be sure to refresh the data and

// not use cache



var d = new Date();



var t = d.getTime();



fileref.setAttribute("src", filename + ".php?date=" + t);



fileref.setAttribute("id", filename);

Because the name changes, Internet Explorer thinks it is a new file ;)

In Chrome you can just press Ctrl and click the refresh button. I discovered this by chance.

I open the JavaScript file in a separate tab, Shift + refresh, verify that I'm seeing the latest changes, then Shift + refresh the actual page (actually, in my case, frame in a frameset, which seems to make matters worse). This works almost all the time.

I've not used it myself, but the Firefox Add-on "Clear Cache Button" might be of use. I read through their documentation, so I'm not sure if it clears your browsing history too.

Go to content settings in Chrome, disable JavaScript and save.

Then, enable JavaScript again.

If you are working with JavaScript and worried about reloading the page to reflect JavaScript changes. Try to use the Chrome debugger, where you can make changes to your loaded JavaScript file(s) at run time and without using any reload can test new functions or changes you want to test.

In the latest Chrome it is available:

Add some dynamic date function at the end of your JavaScript file. It will force the browser to load the updated JavaScript file. Meaning, when including the .js file you could add .... xyz.js?

< ? php echo date('l jS of F Y h:i:s A') ? >

Of course this could be removed once your debugging is done and ready to go live.