浏览器是怎么对 HTML5 的离线储存资源进行管理和加载的呢？

最新推荐文章于 2024-08-29 10:00:00 发布

翻译最新推荐文章于 2024-08-29 10:00:00 发布 · 171 阅读

文章标签：

本文介绍了浏览器如何在在线和离线状态下利用HTML的manifest属性管理和更新离线资源。首次访问时，浏览器下载资源并存储；后续访问时，对比manifest变化决定是否重新下载。window.applicationCacheAPI在离线操作中发挥关键作用。

在线的情况下，浏览器发现html头部有manifest属性，它会请求manifest文件，如果是第一次访问app，那么浏览器就会根据manifest文件的内容下载相应的资源并进行离线存储。如果已经访问app并且资源已经离线存储了，那么浏览器就可以使用离线的资源加载页面，然后浏览器会对比新的manifest文件与旧的manifest文件，如果文件没有发生改变，不会做任何操作，如果文件改变了，那么就会重新下载文件中的资源并进行离线存储。
离线的情况下，浏览器就直接使用离线存储的资源。

在离线状态时，操作window.applicationCache进行需求实现。