浏览器与服务器的交互过程

譬如一个http://danYoo网站，以indexhtml为主页，该主页使用index.manifest文件为manifest文件，在该文件中请求本地缓存index.html、hello.js、hello.jpg、hello2.jpg这几个资源文件。

1)    首次访问http://danYoo网站时，它们的交互过程如下所示：

①浏览器请求访问http://danYoo

②服务器返回index.html网页

③浏览器解析index.html网页，请求页面上所有资源文件，包括HTML文件、图像文件、CSS文件、JavaScript脚本文件，以及manifest文件

④服务器返回所有资源文件

⑤浏览器处理manifest文件，请求manifest中所有要求本地缓存的文件，包括index.html页面本身，即使刚才已经请求过这些文件。如果你要求本地缓存所有文件，这将是一个比较大的重复的请求过程。

⑥服务器返回所有要求本地缓存的文件

⑦浏览器对本地缓存进行更新，存入包括页面本身在内的所有要求本地缓存的资源文件，并且触发一个事件，通知本地缓存被更新。

2)    如果再次打开浏览器访问http://danYoo网站，而且manifest文件没有修改过

①浏览器再次请求访问http://danYoo

②浏览器发现这个网页被本地缓存，于是使用本地缓存中index.html页面

③浏览器解析index.html页面，使用所有本地缓存中的资源文件.

④浏览器向服务器请求manifest文件

⑤服务器返回一个304代码，通知浏览器manifest没有发生变化

只要页面上的资源文件被本地缓存过，下次浏览器打开这个页面时，总是先使用本地缓存中的资源，然后请求manifest文件

3)    如果再次打开浏览器时manifest文件已经被更新过了，那么浏览器与服务器之间的交互如下：

①浏览器再次请求访问http://danYoo

②浏览器发现这个页面被本地缓存，于是使用本地缓存中的index.html页面

③浏览器解析index.html页面，使用所有本地缓冲中的资源文件

④浏览器向服务器请求manifest文件

⑤服务器返回更新过的manifest文件

⑥浏览器处理manifest文件，发现该文件已被更新，于是请求所有要求进行本地缓存的资源文件，包括indexhtml页面本身

⑦浏览器返回要求进行本地缓存的资源文件

⑧浏览器对本地缓存进行更新，存入所以新的资源文件。并且触发一个事件，通知本地缓存被更新

需要注意的是，即使资源文件被修改过了，在上面的第3中已经装入的资源文件是不会发生变化的，譬如图片不会突然变成新的图片，脚本文件也不会突然使用新的脚本文件，也就是说，这时更新过后的本地缓存中的内容还不能被使用，只有重新打开这个页面的时候才会使用更新过后的资源文件。另外，如果你不想修改manifest文件中对于资源文件的设置，但是你对服务器上请求缓存的资源文件进行了修改，那么你可以通过修改版本号的方式来让浏览器认为imanifest文件已经被更新过了，以便重新下载修改过的资源文件。