是否可以使用JavaScript转储DOM并保留CSS效果和布局？

Question

我需要一种方法来获取已经加载到页面中的网页并保存页面的完整DOM（作为HTML字符串），这样我就可以将HTML作为单个文件离线加载，它将保留所有CSS和任何脚本在保存之前都已运行。保持图像将是一个奖励，但即使让它们丢失，但使用占位符，以便保持布局是好的。

问题是我无法重新加载或重新查询任何资源文件（JS / CSS）。字体并不重要。

这意味着生成的HTML无法引用外部文件。这只是使用JavaScript吗？

编辑：

1）这需要是使用JavaScript的编程解决方案，而不是浏览器UI解决方案。

Answer 1

您可以将整个HTML与内联CSS一起存储为JavaScript（您编写的）中的var。也许你可以编写一些JS，它使用HTML5本地存储来存储外部JS / CSS资源，并在以后离线加载页面时使用它们。