edit html page in chrome developer tools

Question

I have a webpage which I am analyzing in chrome. I want to add elements and mess around with the html of that page.

I tried using chrome developers tools for that, I went to the elements tab and I clicked on "edit as html". Over there when I write things, they are not updated immediately. In Firebug when you are editing html, you can see the changes occur simultaneously on the webpage. Can I achieve the same in chrome developer tools ?

Please tell me also how to achieve the same simultaneous modification of js files.

Thank you in advance.

Answer 1

in firebug it will show as you tpe . in developer tools you have to type and focus out !

i think in IE it is like that too