Single resource reloading

[Altryne]

Hi Guys,
I was debugging my app, when I noticed that I have this procedure
repeating alot :
1) inspect and see something wrong in the app
2) fix the css in IDE
3) reload the app, and take all the same steps (click,login,hover,go
to spesific place in app etc.) to see the change I made.

And then I figured that if I had something like "right-click" on the
css file, and reload this resource, I wouldn't have to reproduce
anything because my state is saved, i'm already there. The changes
will take effect immediatly.
Another use case for this is reloading single image resources without
having "disable cache" in the dev tools on. When I only need to reload
this one image.

This is similar to what "live.js" does, only I don't think that we
need it live...rather only on userinput ( to prevent DDOSing from
chrome)

What do you think?

[Paul Irish]

And then I figured that if I had something like "right-click" on the
css file, and reload this resource,

Alternatively you can just doubleclick the css text inside the Resources tab.. and start editing it live. All your styles will be interpreted live. When you're done hit ctrl-S.

You can then rightclick the file and save it back to disk. 

That way you dont even need to switch over to your IDE because you can tackle the whole experience without reloading the page at all.

Give that a shot.

Also in the meantime, you can check out this bookmarklet that does more or less what you want...

http://paulirish.com/2008/how-to-iterate-quickly-when-debugging-css/

There was a discussion earlier about adding such a button to devtools, so that could potentially happen as well.

_

Paul

Chrome Developer Advocate