Code前端首页关于Code前端联系我们

HTML5 新功能:离线存储

terry 2年前 (2023-09-27) 阅读数 67 #数据结构与算法

HTML5 允许您通过创建缓存清单文件来创建 Web 应用程序的离线版本。如果要启用应用程序缓存,则需要将 manifest 属性添加到 文档标签:定义清单的每个页面在用户访问时都会被缓存。如果未设置清单属性,则不会缓存页面(除非直接在清单文件中指定)。清单文件的建议文件扩展名是:“.appcache”。 请注意,清单文件必须配置正确的 MIME 类型,即“text/cache-manifest”。必须在 Web 服务器上进行配置

清单文件可分为三个部分:

  • VAHTU MANIFEST - 首次下载后会缓存此标题下列出的文件
  • NETWORK - 此标题下列出的文件文件需要连接到服务器并且不会被缓存
  • BACK - 此标题下列出的文件定义了页面不可用时的后备页面(例如 404 页面)

以下是完整的清单文件:`

CACHE MANIFEST
2012-02-21 v1.0.0
/theme.css
/logo.gif
/main.js

NETWORK:
login.asp

FALLBACK:
/html5/ /404.html
复制代码

` 离线保存功能通俗地说其实就是保存网页资源文件。就我个人而言,我认为移动应用程序更好。交通费很贵。保存一些文件可以为您节省很多钱。当然,想要了解更多关于流量和服务器压力的信息,可以去官网查看HTML 5应用程序缓存。

版权声明

本文仅代表作者观点,不代表Code前端网立场。
本文系作者Code前端网发表,如需转载,请注明页面地址。

热门