☰

保存网页的静态版本以供离线使用

tag-icon • tag-icon html
保存网页的静态版本以供离线使用

有没有办法将网页保存为静态 HTML，以供离线查看、编辑等？

我想删除所有 JavaScript 文件。仅保留 HTML、CSS 和图像。

例如，如果此网页有一个 Facebook 点赞按钮，我希望按钮的图像作为常规图像成为 HTML 的一部分（而不是像我加载页面后运行某些 JavaScript 代码那样加载）。

我正在尝试准备一个网页用于离线演示。当我使用标准的“另存为 HTML 完整版”之类的工具时，所有的 JavaScript 也会被保存，而离线查看时，所有动态内容都是空白的。

注意：当然，我不指望动态内容在没有 JavaScript 的情况下也能工作。我只希望网页看起来就像刚从互联网上加载的一样。

答案1

（回答我自己的问题）：我找到了一个不错的（虽然不是完美的）解决方案：Scrapbook 浏览器插件。Firefox 有一个http://amb.vis.ne.jp/mozilla/scrapbook/ 还有一个适用于 Chrome。Firefox 的版本看起来功能更齐全。
我要测试一下，看看它的效果如何。

答案2

我喜欢Remy Sharp 的内衬工具。 它能做什么：

  • 获取驱动页面所需的所有资产的列表：CSS、JavaScript、图像以及 CSS 中使用的图像
  • 压缩 JavaScript (通过 uglify-js)
  • 从 CSS 中去除白色
  • Base64 编码图像
  • 将所有内容重新组合成一个带有简化文档类型的 HTML 文件

答案3

我觉得你陷入了两难境地。如果你删除 javascript，那么动态区域肯定会是空白的，因为 javascript 会在页面加载后填充它们。你可以尝试使用不同的浏览器，但我觉得你不能两全其美。

作为一种解决方法，我建议：

截取网站截图并将其放入 pdf 中，或使用图像查看器查看。

或获取互联网连接以进行演示。

或者将整个网站放在您的 demo-hw 上的本地网络服务器上。

相关内容