前端之家收集整理的这篇文章主要介绍了
HTML5 manifest离线缓存的示例代码,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
简介
离线访问对基于网络的应用而言越来越重要。虽然所有浏览器都有缓存机制,但它们并不可靠,也不一定总能起到预期的作用。HTML5 使用 ApplicationCache 接口
解决了由离线带来的部分难题。
使用缓存接口可为您的应用带来以下三个优势:
离线浏览 -
用户可在离线时浏览您的完整网站
速度 - 缓存资源为本地资源,因此加载速度较快。
服务器
负载更少 - 浏览器只会从发生了更改的服务器下载资源。
应用缓存(又称 AppCache)可让开发人员指定浏览器应缓存哪些
文件以供离线
用户访问。即使
用户在离线状态下按了刷新按钮,您的应用也会正常加载和运行。
引用清单
文件
要启用某个应用的应用缓存,请在文档的 html
标记中
添加 manifest
属性:
manifest
属性可指向绝对网址或相对路径,但绝对网址必须与相应的网络应用同源。清单
文件可使用任何
文件扩展名,但必须以正确的 MIME 类型提供(参见下文)。
...