How to get the full code of an html document in javascript including dynamically injected html or scripts or css?

Question

I have search all over internet if get the full code of an html document in javascript including dynamically injected html or scripts or css and cannot find any clue.

So is it possible ? If yes any code snippet ?

Not sure if this is what you mean, but you can just save a webpage from the browser. On Chrome I am able to download the css, js, and assets as well as the HTML document. — zemaj
– zemaj, Commented Sep 20, 2022 at 20:11
"dynamically injected html" - Do you mean, for example, changes to the DOM performed by the JavaScript code being executed on that page? If so then the search term you're looking for is probably "headless browser". — David
– David, Commented Sep 20, 2022 at 20:12
Any reason you can't just use document.querySelector('html').innerHTML? — Rocky Sims
– Rocky Sims, Commented Sep 20, 2022 at 20:12
Checkout this resource. It shows details of different ways of achieving your results: stackoverflow.com/questions/4196971/… — Sikeh Japhet
– Sikeh Japhet, Commented Sep 20, 2022 at 20:35

Noam · Accepted Answer · 2022-09-20 20:13:44Z

1

document.documentElement.outerHTML

would give you the entire HTML of the current DOM state, including changes made by JavaScript. Not sure what you mean by "including CSS".

If you use it, don't forget to add

<!DOCTYPE html>

at the top

answered Sep 20, 2022 at 20:13

Noam

1,6348 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to get the full code of an html document in javascript including dynamically injected html or scripts or css?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related