【Web前端问题】用图片预加载的方法，在ios系统上无法显示缓存的图片

• Z时代
• 2024-01-10
• 分类：技术分享

框架用的是vue，由于网页需要连接家电wifi，所以处于没有外网的状态，图片无法加载。
使用vue打包成base64的方法可行，但是图片太多，导致打包出来的js巨大，因此加载极慢。
使用预加载的方法在pc、安卓上可行，就是在断网页面的上一页，创造一堆img标签把图片都下载好，然后下一页就能拿到缓存了。但是这种方法在ios上不可行。

回答：

这种情况最好不要依赖浏览器内建的缓存机制，建议使用 localStorage 把必要的图片存在本地，然后在断网的时候加载。这里只要把离线状态告知用户即可，不需要加载所有图片。

• localStorage
• 网络状态 API

回答：

npm i preload-all 试试这个 支持的比较全

以上是 【Web前端问题】用图片预加载的方法，在ios系统上无法显示缓存的图片 的全部内容， 来源链接： utcz.com/a/140438.html