offline.appcache，html5缓存清单文件简单说明

最新推荐文章于 2019-05-23 09:22:00 发布
最新推荐文章于 2019-05-23 09:22:00 发布
阅读量852 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zrbvxvxl/article/details/39033709
版权

支持浏览器：Firefox 3.5+    Safari 4.0+    Chrome 5.0+   Opera10.6+    iPhone 2.1+    Android 2.0+，

IE，貌似只有ie10，不很确定。

必须在页面文件中引用

[html] view plain copy print ?
  1. <!DOCTYPE html> 
  2. <html manifest="/cache.manifest">  
<!DOCTYPE html>
<html manifest="/cache.manifest">

本地缓存内容

[plain] view plain copy print ?
  1. CACHE MANIFEST 
  2. /clock.css 
  3. /clock.js  
CACHE MANIFEST
/clock.css
/clock.js


网络访问内容

[plain] view plain copy print ?
  1. NETWORK: 
  2. /tracking.cgi  
NETWORK:
/tracking.cgi

不可被缓存的内容

[plain] view plain copy print ?
  1. FALLBACK: 
  2. / /offline.html  
FALLBACK:
/ /offline.html

对应开发应用的话，主要是本地缓存内容就好了。

[plain] view plain copy print ?
  1. CACHE MANIFEST 
  2. #1369013253 
  3. index.html 
  4. c2runtime.js 
  5. jquery-2.0.0.min.js 
  6. logo.png 
  7. NETWORK: 
  8. *  
CACHE MANIFEST
#1369013253
index.html
c2runtime.js
jquery-2.0.0.min.js
logo.png
NETWORK:
*

更多详细内容，可以参考

http://diveintohtml5.info/offline.html

http://appcachefacts.info/

zrbvxvxl
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
OfflineCache
04-19
采用离线缓存模式，断网情况下，从本地加载，数据库有缓存优先加载
HTML5 manifest离线缓存的示例代码
11-21
同时，如果页面引用了缓存清单文件，清单文件必须包含当前页面所需的所有文件，否则页面可能无法正常加载。 此外，由于离线缓存的限制，如最大缓存大小（通常是5MB，但在Chrome网上应用店的应用可以取消此限制），...
HTML5离线缓存（Application Cache）
weixin_33699914的博客
12-05 135
HTML5离线缓存又名Application Cache，是从浏览器的缓存中分出来的一块缓存区，要想在这个缓存中保存数据，可以使用一个描述文件（manifest file），列出要下载和缓存的资源。 Manifest 文件 manifest 文件是简单的文本文件，它告知浏览器被缓存的内容（以及不缓存的内容）。 manifest 文件可分为三个部分： CACHE MANIFEST - 在此标...
HTML5 Application Cache
热门推荐
fwwdn's tech blog
10-17 1万+
1、应用场景 离线访问对基于网络的应用而言越来越重要。虽然所有浏览器都有缓存机制，但它们并不可靠，也不一定总能起到预期的作用。HTML5 使用ApplicationCache 接口解决了由离线带来的部分难题。前提是你需要访问的web页面至少被在线访问过一次。 2、使用缓存接口可为您的应用带来以下三个优势： 离线浏览 – 用户可在离线时浏览您的完整网站 速度 – 缓存资源为本地资源，因此加载
HTML5应用程序缓存Application Cache详解
weixin_33785972的博客
06-15 156
什么是Application Cache 　　HTML5引入了应用程序缓存技术，意味着web应用可进行缓存，并在没有网络的情况下使用，通过创建cache manifest文件，可以轻松的创建离线应用。 　　Application Cache带来的三个优势是： 　　① 离线浏览 　　② 提升页面载入速度 　　③ 降低服务器压力 　　而且主要浏览器皆以支持Application Cache...
html5轮胎找汽车小游戏源码.rar
10-30
1. `offline.appcache`：这是HTML5离线存储（Application Cache）的清单文件，它允许浏览器在用户离线时也能访问特定的网页或应用资源。通过指定哪些文件需要缓存，开发者可以创建一个离线可用的应用。 2. `index....
前端开发技术分享 浏览器怎么实现 AppCache - Offline Application Cache 共17页.pdf
06-09
它允许开发者通过一个名为`manifest`的特殊文件来指定一系列静态资源，浏览器会根据这个清单文件自动下载并缓存这些资源，以便用户在离线状态下仍能访问和使用Web应用。W3C规范指出，AppCache的目标是让用户在网络...
HTML5开发Android
02-04
AppCache允许开发者指定一个清单文件，包含应用所需的所有静态资源，浏览器会缓存这些资源，即使在离线状态下也能访问。IndexedDB则提供了一种存储大量结构化数据的方式，适合在Web应用中进行复杂的数据操作。 3. *...
验证html5应用在线升级DEMO_new
06-20
1. HTML文件：可能包含离线应用的主页面，展示了如何在实际应用中使用离线功能。 2. JavaScript文件：可能包含了处理离线事件和应用升级逻辑的脚本，比如监听`applicationCache`对象的`updateready`事件，当检测到有...
bmap_offline_api_min.js
03-06
离线地图开发，百度地图工具包JS。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
Bmap-offline_vue的api.js资源
03-27
百度离线地图与Vue的结合，api我改好了，上传上去了，使用方法见：https://blog.csdn.net/yc199505/article/details/88846596
offline-plugin, web pack的脱机插件( ServiceWorker，AppCache ) ( http.zip
09-18
offline-plugin, web pack的脱机插件( ServiceWorker，AppCache ) ( http web service的 这个插件打算为 web pack项目提供离线体验。 它使用英镑的ServiceWorker，并以英镑为代价，在引擎罩下进行备用。 只需在你的webpack.config 中包含这个插件，并且
appcache
dazhi1770的博客
05-23 572
1appcache是一个控制缓存的文件2在同目录下创建appcache文件3#是注释的意思4chchemanifest 跟版本号 #1.0版本号（2）填chche文件需要缓存的文件#需要缓存的文件 既可以使用相对路径 也可以使用绝对的 /css/a.cssNETWORK:#NETWORKwork 指的是不被缓存的文件*代表除了上面的缓存文件之外剩下的所有的*FALLBACK：...
AppCache
onebutterfly
06-01 2108
AppCache目前，app的开发方式有很多，可以采用原生开发，应用运行快，流畅，但是如果涉及iOS、安卓等操作系统，开发成本较高；也可以采用混合是开发等等；越来越多的移动端采用web技术解决跨平台、快速部署及发布的问题，但基于web技术的应用对网络有较强的依赖性，因此，为了解决web离线缓存问题html提出AppCache。一、AppCache是什么？ 官方的介绍“AppCache 在 HTML
HTML5 cache
weixin_30470857的博客
02-21 95
当请求一个页面index.html, 会依次下载以下文件： index.html b.js c.css 再次刷新页面也会更新这些文件（当文件内容并无实际更新是也会发起http请求， http返回304， 但也会发起http请求） 添加cache文件index.manifest： index.manifest文件： CACHE MANIFEST index.html ...
【缓存】HTML5缓存的那些事
前端进阶之路 | 中大厂、外企、国企内推 | 面试培训 | 简历修改
04-04 1万+
前端修罗场提供全网最专业的前端优质文章与社区服务，为应届生，初中级前端工程师提供全面、优质的面试服务、技能提升、职场解惑服务！内容包含：前端面试辅导，前端面试题，前端交流，前端答疑，前端基础知识，Javascript，CSS，CSS3，HTML，React，Vue，小程序，前端简历，职业交流，远程工作，英文交流，英文提升，外企，互联网，国企，大厂，牛客面试题，掘金面试题，面经，优质前端文章分享...
html5应用缓存
mockingbirds的专栏
09-17 3236
在html5当中引入了应用程序缓存，这意味着web应用可以进行缓存，并且可以在没有网络连接的时候进行访问。 应用缓存的优势 离线浏览，用户可以在离线的时候浏览已经加载并且缓存好的数据 加快加载速度。 减少服务器负载。 实现用缓存如果启用应用程序缓存，需要在<html>标签当中包含manifest属性，manifest文件的建议扩展名是:”.appcache”manifest文件manifest文件为
WebKit and offlineCache
高雄的专栏
05-18 947
Refer to http://www.w3.org/TR/html5/offline.html to see the spec for HTML5 offline application cache.1. Write a normal html file with js files and css files2. Change to 3. write a file named "test.manifest" as following:CACHE MANIFEST# v0.1test.html# Stan
plotly.offline.plot用法，如何将图像保存为html？
最新发布
06-10
`plotly.offline.plot`方法可以将Plotly图表保存为HTML文件。具体步骤如下： 1. 在代码中导入plotly.offline模块：`import plotly.offline as pyo` 2. 使用`pyo.plot()`方法来生成HTML文件。例如，如果你想将图像...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值