views:

32

answers:

4

As brilliant as Firebug is, I would consider switching my JavaScript debugging to Chrome if I could figure out how to get it to always re-download styles and images on every visit to the page?

When I'm testing a page in Firefox, it always gets the latest version.

But in Chrome I often end up scratching my head over something that turns out to be a simple issue of the browser caching some earlier styles or images.

Is there a way to configure Chrome to cache less while you're developing?

A: 

why not create a script that clears the cache folder and execute it each time you load the page ?

Ahmed Kotb
A: 

According to Chrome help pages, Ctrl+F5, Shift+F5, Ctrl+R and Shift+R should force refresh. I haven't had problems with javascript and css but refreshing frames is another story. The caching can also be on your web server. The server can obviously be configured to cache css and javascript files.

bjorsig
This is true, however it won't force reload of resources that are linked from child frames.
desau
+2  A: 

I often use private browsing mode for this - it prevents caching of the stylesheets or scripts.

David Mohundro
That's a neat trick, thanks!
Daniel
+1  A: 

Your best bet is to clear the cache between each load. With the latest version of Chrome, the hotkey is the same as firefox (on Mac, it's Shift-Command-Del). However, they haven't focused the "Clear Browsing Data" button, so you have to use your mouse to click that button -- which is a total PIA when compared to Firefox (Shift-Command-Del + Return), or Safari (Option-Command-E + Return).

desau