How to get complete page source in javascript

Question

I used :

var generatedSource = new XMLSerializer().serializeToString(document);

or

document.getElementsByTagName('html')[0].innerHTML; ,

but I'm getting partial content only, page has around 600 lines and I'm just getting around 250 lines.

The second approach looks good. Have you tried to compare your actual source and your 250-lines-result? What is the difference? Which lines are missing? — Yeldar Kurmangaliyev, Dec 10 '15 at 10:19

score 1 · Answer 1 · answered Dec 10 '15 at 10:23

1

You need before to load the whole page and only after you can get the whole page:

<script>
  window.onload = function() {
  var htmlInPage = document.getElementsByTagName('html')[0].outerHTML;
}
</script>

answered Dec 10 '15 at 10:23

gaetanoM

score 0 · Answer 2 · answered Dec 10 '15 at 10:21

You can use document.documentElement.outerHTML, which is working in all modern browsers.

Here is an example, which shows that it outputs all the text, scripts, styles etc.

console.log(document.documentElement.outerHTML);

body {
  color: darkgreen;
  font-weight: bold;
}

Check your console

2 Answers2