如何在 JavaScript 中保存网站以供离线使用

Posted

技术标签:

【中文标题】如何在 JavaScript 中保存网站以供离线使用【英文标题】:How to save websites for offline use in JavaScript 【发布时间】:2018-08-23 08:01:18 【问题描述】:

大多数浏览器都有保存网站以供离线使用的选项。当一个选择保存完整的网页时,网页的布局通常被保留很好。有没有办法从js调用这个功能?或者,如果做不到这一点,浏览器在保存页面时会保存哪些资源以及 html 是如何转换的?

【问题讨论】:

【参考方案1】:

除非您明确设计,否则不会保存任何与 JS 相关的内容。

您可以使用localStorage 在用户浏览器上保存数据。您必须仔细设计一个同步算法,以便在用户上线后将数据同步到您的数据库。

查找渐进式 Web 应用程序

如何在 JavaScript 中保存网站以供离线使用?

现在,从浏览器桌面保存页面并不是使基于 Web 的产品离线的可行方法,在企业环境中当然也不行。 And the saved website will not always look exactly the same as you intend it to be。除了在没有连接的情况下重新阅读信息之外,它没有任何用处,至少在我的观察中是这样。

浏览器在保存页面时会保存哪些资源,HTML是如何转换的?

图像和 css 文件,都卡在一个文件夹中

【讨论】:

以上是关于如何在 JavaScript 中保存网站以供离线使用的主要内容,如果未能解决你的问题,请参考以下文章

markdown 使用wget下载整个网站以供离线使用。

在 PhoneGap/Chrome 应用程序中存储视频以供离线使用

如何在 Android 中存储媒体 DRM 密钥以供离线使用

如何缓存 Firebase 数据以供离线使用?

如何缓存 Google 地图图块以供离线使用?

如何将 sklearn 模型嵌入移动设备以供离线使用? [关闭]