如何从页面获取HTML源代码?

时间:2009-09-02 13:05:08

标签: javascript html

有没有办法使用javascript访问页面HTML源代码?

我知道我可以使用document.body.innerHTML,但它只包含正文中的代码。我想获取所有页面源代码,包括头部和身体标签及其内容,如果可能的话,还有html标签和doctype。 有可能吗?

5 个答案:

答案 0 :(得分:27)

使用

document.documentElement.outerHTML

document.documentElement.innerHTML

答案 1 :(得分:14)

这可以使用XMLSerializer在单行中完成。

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

提供 String

<!DOCTYPE html><html><head>

<title>html - javascript page source code - Stack Overflow</title>
...

答案 2 :(得分:8)

执行此操作的一种方法是使用XMLHttpRequest重新请求页面,然后您将从Web服务器逐字获取整个页面。

答案 3 :(得分:2)

提供

  • 需要真正的html源代码(不是当前的DOM serization)
  • 并且该页面是使用GET方法加载的,

可以重新下载页面源:

fetch(document.location.href)
    .then(response => response.text())
    .then(pageSource => /* ... */)

答案 4 :(得分:0)

对于IE,您还可以使用:document.all [0] .outerHTML

相关问题