用图片预加载的方法,在ios系统上无法显示缓存的图片
框架用的是vue,由于网页需要连接家电wifi,所以处于没有外网的状态,图片无法加载。
使用vue打包成base64的方法可行,但是图片太多,导致打包出来的js巨大,因此加载极慢。
使用预加载的方法在pc、安卓上可行,就是在断网页面的上一页,创造一堆img标签把图片都下载好,然后下一页就能拿到缓存了。但是这种方法在ios上不可行。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
这种情况最好不要依赖浏览器内建的缓存机制,建议使用 localStorage 把必要的图片存在本地,然后在断网的时候加载。这里只要把离线状态告知用户即可,不需要加载所有图片。
npm i preload-all 试试这个 支持的比较全