[HTML5]配置Ngnix服务器支持manifest

最新推荐文章于 2024-07-31 20:55:00 发布

原创

最新推荐文章于 2024-07-31 20:55:00 发布 · 7.5k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#服务器 #html5 #application #xml #xhtml #2010

本文介绍了HTML5的Application Cache特性，用于实现离线存储，提高无网络状态下的用户体验。配置该功能需要在HTML中添加manifest属性，并在服务器端（Nginx）编辑mime.types文件，将mf或manifest文件类型设置为text/cache-manifest。最后重启Nginix服务器以应用更改。

HTML5有一个相当诱人的特性，就是 Application Cache，即离线存储。

可以在没有网络的情况下，不会给用户一个“网络不可用”这种很不友好的用户提示。当然，更主要的是，我们希望可以在没有网络的状态下，依然带给用户较高的用户体验。

使用离线存储，除了需要在html tag标签增加<manifest>，列出需要缓存的清单，还必须在服务器端进行相应的配置。

由于开发中使用Ngnix服务器，这里我以Ngnix服务器配置为例。说明如果进行服务器的配置，支持HTML5 Application Cache特性。

1. 找到Ngnix服务器配置文件 mime.types

root@mdev usr # cd /etc/httpd/
root@mdev httpd # ll
total 28K
8.0K drwxr-xr-x 2 root root 4.0K Apr 10  2010 conf
8.0K drwxr-xr-x 2 root root 4.0K Apr 10  2010 conf.d
4.0K lrwxrwxrwx 1 root root   19 Apr 10  2010 logs -> ../../var/log/httpd
4.0K lrwxrwxrwx 1 root root   29 Apr 10  2010 modules -> ../../usr/lib64/httpd/modules
4.0K lrwxrwxrwx 1 root root   13 Apr 10  2010 r