用图片预加载的方法,在ios系统上无法显示缓存的图片

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

阅读 4k
2 个回答

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏