HTML5离线游览需要设置离线文件列表(manifest),manifest需要设置MIME类型,以便游览器正确识别,MIME类型错误是无法离线游览的。不同服务器有不同的设置方式,这里介绍一种--Tomcat
%TOMCAT_HOME% -> conf -> web.xml 加入以下代码,可以加入到<web-app>内的任意位置,当然,在 mime-mapping其他标签附近易于管理维护。
1
<
mime-mapping
>
2
<
extension
>manifest</
extension
>
<!--离线文件后缀名-->
3
<
mime-type
>text/cache-manifest</
mime-type
>
4
</
mime-mapping
>
这样就设置好了文件名为manifest的文件MIME类型,在设置离线文件时需要注意路径和文件后缀名必须为你所设置的。如果设置成功,chrome控制台会有字符输出。大概意思是检测manifest变更,如果MIME类型没有设置成功会有提示。
apache
添加 .htaccess 支持
我们需要创建用于缓存页面的 manifest 清单文件。但在此之前,先要在 .htaccess 文件中添加以下代码:
AddType text/cache-manifest .manifest
该指令可以确保每个 manifest 文件为 text/cache-manifest MIME 类型。如果 MIME类型不对,那么整个清单将没有任何效果,页面将无法离线使用。