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阻止元素的默认事件
  • 热门搜索
    廉洁手抄报内容 阅读手抄报版面设计图 有关阅读的手抄报 小学生守则手抄报 六年级手抄报 艺术节手抄报内容 安全手抄报版面设计图 数学家的故事手抄报 艺术手抄报 国学经典手抄报图片