我如何获得我动态生成的网页的纯文本来源？

Question

我想知道如何获取我用JavaScript动态生成的网页的纯文本源代码。

---

1. 我正在寻找一种解决方案，可以让我看到我的页面的更新 html结构，因为它在查看页面的原始内容时显示源代码。

2. 我知道我可以进入开发工具并详细查看页面的当前html结构，但这是一个混乱的编织，必须打开页面上的每个div。

---

我希望能够通过JavaScript查看页面的纯文本HTML表示，包括内容在页面加载后生成。

Answer 1

您可以在文档元素上使用outerHTML：

document.documentElement.outerHTML; // entire source

这将为您提供呼叫时HTML源的快照。如果您在添加动态内容后调用它，则会获得更新的内容。

虽然outerHTML不是DOM规范的一部分，但事实上所有浏览器都支持它

更新，我仔细检查，outerHTML现在是the living standard here的一部分。此外，它在所有浏览器中都受支持。