How do I edit and reload HTML in Firebug?

Question

This should be an easy one for someone.

After editing the HTML in Firebug, how do I reload the page (maintaining the edited HTML)? There is no reload button as shown frustratingly here, http://getfirebug.com/html, under "Inspect, edit, reload", which is exactly what I want to do:

Where is this button?!

Would be great if the answer had a picture. EDIT: Using Firebug 1.9.1

Clarification EDIT:

What I am trying to do: I am removing bad HTML code hoping that it will not mess up JavaScript code which I am guessing that it is doing. Assuming the HTML code in question is messing up JavaScript, and then I remove the offending HTML code via Firebug, is a reload necessary to then execute the JavaScript code properly?

Answer 1

Not sure what you're looking for. Here some facts:

• If you edit HTML in Firebug then changes take effect immediately without hitting some buttons. When you reload the page then these changes are gone.
• The button you posted is just right from the address bar and is the ordinary reload button from Firefox. Nothing from Firebug. Firebug just says when you reload the page it will highlight the same DOM element in HTML-View as before when the DOM-Element still exist.

Hope that helps.

Answer 2

You can't do that, unless Firebug has some very nifty feature just for this purpose (by locally caching your changes and including them after the reload). I don't believe Firebug has this.

When you reload a new request/response happens and you get all your HTML + JS + CSS from the server. What you edit with Firebug is done locally.

Answer 3

This button is a browser reload button, not from Firebug. That section says Firebug will keep an element selected in Firebug even if you reload the page. You can try using Web Developer Toolbar to make changes and easily copy the code or GreaseMonkey to write scripts to change the HTML dynamically.