如何获取动态生成的网页的纯文本源？

Question

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

---

1. 我正在寻找一种解决方案，该解决方案允许我查看页面的原始源代码时看到页面的html结构更新 。

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

---

我希望能够看到页面的纯文本HTML表示形式， 包括使用JavaScript 在页面加载后生成的内容。

Answer 1

您可以在document元素上使用externalHTML：

document.documentElement.outerHTML; // entire source

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

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

更新，我仔细检查过，outerHTML现在是这里生活水平的一部分。 而且，所有浏览器都支持它。