html5 Offline Application

最新推荐文章于 2024-03-16 17:23:32 发布

dengxilong9680

最新推荐文章于 2024-03-16 17:23:32 发布

阅读量193

点赞数

原文链接：http://www.cnblogs.com/nanpingwanzhong/archive/2013/01/01/2841733.html

版权

一．HTML5 缓存控制机制综合了web应用和桌面应用两者的优势：基于web构建的web应用程序可在浏览器中运行并同步更新。HTML5的离线应用缓存使得在无网络连接的状态下运行应用程序成为可能。

二．manifest 文件：此文件用来配置离线应用缓存的资源清单。manifest 的MIME类型是text/cache-manifest。在IIS 7.5中manifest 文件的MIME类型默认是application/x-ms-manifest 。 application/x-ms-manifest 在chrome中能够支持，但是firefox不支持，所以还是要改成text/cache-manifest。可以在IIS的功能视图的MIME类型中进行查看和配置。关于manifest 文件编写方法和使用方法可以参考：https://developer.mozilla.org/en-US/docs/HTML/Using_the_application_cache

http://www.html5rocks.com/en/tutorials/appcache/beginner/

写好之后可以在这里检查一下是否存在错误：http://manifest-validator.com/

1.对离线加载的资源更新，就要对manifest 文件进行更改，，一般都是加一个版本号的方法控制。

2.NETWORK 和FALLBACK之后要有冒号。

3.在IIS7.5中发现了一个config文件，好像是自己生成的：

<?xml version="1.0" encoding="UTF-8"?>

<system.webServer>

</staticContent>

</system.webServer>

</configuration>

其他资料：

http://www.w3.org/TR/2011/WD-html5-20110525/offline.html

http://www.ibm.com/developerworks/cn/web/1011_guozb_html5off/

三．applicationCache API：操作应用缓存的接口。只有对资源进行存储，才能在离线之后依然能够进行操作应用。具体资料见：http://www.whatwg.org/specs/web-apps/current-work/#applicationcache

四．补充：

浏览器进行离线下载事件过程：

1.如果浏览器访问<html>元素带有manifest属性，首先触发window.applicationCache对象中的checking事件。

2.如果浏览器从来没有访问过该缓存清单，则触发downloading事件然后下载缓存清单中的资源。在下载资源过程中阶段性触发process事件，通过该事件可以获取下载资源的过程。所以资源下载完毕后触发cached事件，表示资源下载完毕。

3.如果之前访问过该缓存清单，该缓存清单在上次访问之后未发生变化，则触发noupdate事件；如果该缓存清单发生变动则触发downloading事件，并将资源重新下载，在下载资源过程中阶段性触发process事件，重新下载完毕后下载updateready。

4.如果发生错误则触发error事件。

关于下载资源的触发：

1.浏览器通过普通的HTTP语义来检测缓存清单文件是否过期。Web服务器会在响应头中包含面熟文件过期时间的信息，这样浏览器就可以通过头信息(Expires和Cache-Control)得知该文件可以被缓存多久，什么时候过期，这样就不必询问服务器。这种方式的缓存并不是专门为离线Web应用设计，所有的HTML页面，图片，样式文件等其他web资源都会用这种方式。

2.如何缓存文件过期，那么浏览器询问服务器是否有新版本。浏览器向服务器发送一个HTTP请求，该请求头包含缓存清单最后一次修改的时间。服务器获得这个修改时间之后和最新的缓存文件的修改时间进行对比，计算出缓存清单文件是否修改。如果未发生变动，返回304。这个过程并不是专门为离线Web应用设计。

3.如果发生变动，返回200，同时将新文件内容以及新的Cache-Control和最后修改时间的HTTP头响应信息返回给浏览器。缓存清单下载完毕之后，浏览器要读取其中的内容和原版本进行对比，如果没有变化就不会下载缓存清单中的内容。

转载于:https://www.cnblogs.com/nanpingwanzhong/archive/2013/01/01/2841733.html