在 Flutter 中预缓存 html 页面

Posted

技术标签:

【中文标题】在 Flutter 中预缓存 html 页面【英文标题】:Precache html pages in flutter 【发布时间】:2020-09-15 23:42:09 【问题描述】:

我有一个我在 web_view 中显示的一些 html 页面的列表。问题是当网络慢时它会加载缓慢或者如果用户离线则根本不会显示。所以我想在导航到该页面之前预先缓存所有 URL。之后,我想从缓存中加载并在滑动时浏览 URL。 (Swipe 部分是通过实时加载 URL 来完成的)。我的问题是如何预先缓存每个 URL 并稍后在我的 web_view 中调用它

【问题讨论】:

这些 HTML 页面是静态的还是包含任何动态数据......!? 他们很狡猾! 【参考方案1】:

如果你确定这些页面是静态的..我有一个建议给你..

就像你说的,你可以预先缓存..

最初,当互联网可用时,您可以使用以下方式获取这些 URL 的代码 http 打包并存储在本地存储中,比如一些 .txt 文件。

然后,当您想在您的应用中显示页面时,再次......因为它是静态页面,您可以从本地存储读取html 代码并使用html 包将其显示在您的应用中。

希望它能回答你的问题。

【讨论】:

以上是关于在 Flutter 中预缓存 html 页面的主要内容,如果未能解决你的问题,请参考以下文章

Glide:在内存缓存中预加载图像(有或没有磁盘缓存)

如何仅在 Flutter 中的特定页面上更改状态栏颜色

flutter 图片缓存

在 Android 中预加载网页(使用 WebView?)

我们如何在 Angular 中预加载字体?

如何防止表单元素在 Chrome 中预填充