移动设备web的离线应用.ppt_第1页
移动设备web的离线应用.ppt_第2页
移动设备web的离线应用.ppt_第3页
移动设备web的离线应用.ppt_第4页
移动设备web的离线应用.ppt_第5页
已阅读5页，还剩24页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

广州大学华软软件学院,第4讲 移动设备web的离线应用,请到 240FTP / HTML5移动Web开发 下载第4讲文件夹,主要内容,概述 检测支持情况 manifest文件 applicationCache 离线web应用 习题,1、概述,1、概述,查看浏览器的缓存文件,Firefox中，about:cache,查看浏览器的缓存文件,2、支持情况,例子： ex4_1_test.html,例子： ex4_1_test.html,例子： ex4_1_test.html,3、manifest文件,4、applicationCache,以ex3_4_session为例，增加离线应用。 见文件夹：“ex4_(ex3_4_session)”,选择需要本地存储的文件 例如：,新建文件ex4_session.manifest,添加内容 CACHE MANIFEST modernizr.js h5utils.js ex3_4_session.html NETWORK ex3_4_session_next.html FALLBACK ex3_4_session_next.html offline.html,修改ex3_4_session.html,完成,5、离线web应用,离线clock 已给代码（文件夹ex4_2）为普通页面，如果离线，则不能显示。 clock.html clock.css clock.js,1、创建clock.html, Clock The time is: ,2、clock.css 和 clock.js,/* clock.css */ output font: 2em sans-serif; /* clock.js */ setTimeout(function () document.getElementById(clock).value = new Date(); , 1000);,现在，如果没有网络，则网页无法显示。,当用户在离线状态下访问“clock.html”时，页面将无法展现。为了支持离线访问，开发者必须添加 cache manifest 文件，指明需要缓存的资源。这个例子中的 cache manifest 文件为“clock.manifest”，它声明了 3 个需要缓存的资源文件“clock.html”、“clock.css”和“clock.js”。,请大家动手修改代码，使得页面在离线状态下也能访问。 解答,案例-便签,简
人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论