Menu
I have a web page with some auto-generated javascript content which manipulates the DOM when users click on certain links. When I save the page in Firefox, it just saves the original page without the DOM modifications. How can I save or dump the current state of the HTML DOM as manipulated by the javascript?
460
You can easily change the DOM without having to edit the HTML as a big piece of string. Right click on a node and select Copy. You can paste in your code editor, or for prototyping, you can paste the DOM node elsewhere in the DOM tree. The pasted node is inserted as a child of the currently selected node.
Using the Web Inspector (F12), go to the Elements tab, right click on the <html> tag in your code and select Copy -> Copy outerHTML . Then paste that into a new file and save.
DOM Inspector has a File->Save DOM As... option.
181
Looks like FireFox have replaced the DOM Inspector with a new tool that no longer has this functionality.
In the new DOM Inspector Ctrl + Shift + I there is a Console that accepts commands.
This sometimes works...
console.log(document.documentElement.innerHTML)
This gives you something you can inspect but not copy paste because of some bug...
alert(document.documentElement.innerHTML)
This works like console.log(document.documentElement.innerHTML) ought to....
document.documentElement.innerText = document.documentElement.innerHTML
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
