如何镜像包含用 JavaScript 生成的内容的网页？

Question

例如，我尝试使用 Firefox 的“将页面另存为 > 网页，完成”保存此网页，但它没有保存评论部分（请参阅已保存的文件）。我认为这是因为评论是通过 JS 动态生成的。

是否有浏览器扩展或其他已经实现的东西（例如，网络服务），可以做一些事情，比如将整个 DOM 拉出当前状态并保存它？

将页面打印为 PDF确实保存了在浏览器上看到的内容，但布局全都搞砸了，而且我真的很想保存页面的源代码和媒体（HTML、JS、CSS、gif、pngs 等）。

Answer 1

从客户端来看，如果您希望保存正在显示的状态，那么最好的（可能也是唯一的）选择是截屏。特别是对于动态的、自动生成的内容，例如可能来自 Flash 的 Javascript 的内容，没有真正实用的替代方案（尽管，根据您正在查看的页面，您有时可能会使用一些工具）。

扫描并保存 DOM 状态是“另存为”已经在做的事情。由于不要求数据在 DOM 中的任何位置包含任何可理解或可保存的状态，因此如果您仅依赖 DOM，无论您尝试什么，您都会错过细节。你必须做一些时髦的事情，比如暂停并在浏览器中保存 Javascript VM 的状态，然后以某种方式恢复它。不要介意状态的复杂性，它会根据互联网上其他地方存储的信息和数据定期更新。

我不完全确定为什么您还希望拥有页面的客户端版本媒体，但您已经使用“页面另存为”命令。