h5的应用缓存如何实现

 时间:2024-11-01 17:13:22

1、创建几个文件,hello.cache,test.html还有两三张图片。

h5的应用缓存如何实现

2、hello.cache文件中是缓存的相关配置,以“CACHE MANIFEST”开头,CACHE下面是缓存资源,NETWORK不做缓存处理,FALLBACK访问缓存错误处理。

h5的应用缓存如何实现

3、test.html中在头部的html中添加“manifest="hello.cache"”引入配置文件,还有两张图片img。

h5的应用缓存如何实现

4、在浏览器中打开test.html两张图片都显示了。

h5的应用缓存如何实现

5、我们关闭web服务器,然后刷新我们发现做了缓存处理的图片还是显示的,而没有缓存的就不显示了。

h5的应用缓存如何实现

6、chrome浏览器可以f12,再次刷新后,查看sources中,就只有1.png这张做了缓存的图片存在了,你可以把一些常用资源缓存到浏览器本地,下次打开就不用加载了,但是一般5M-10M限制。

h5的应用缓存如何实现
  • 如何使用SQLyog修改数据库表的索引类型
  • IBM WAS8.5创建deployment manager概要文件
  • 哪些食物会影响营养吸收
  • 如何使用java解析json文件并将其写入数据库
  • JavaScript阻止元素的默认事件
  • 热门搜索
    路由器改密码 如何画画 眼睛发干怎么办 路由器如何改密码 旧金山旅游 如何写借条 下雨了想发个朋友圈 关岛在哪里 如何让孩子爱上学习 如何下载视频