HTML5離線游覽需要設(shè)置離線文件列表（manifest），manifest需要設(shè)置MIME類型，以便游覽器正確識別，MIME類型錯誤是無法離線游覽的。不同服務(wù)器有不同的設(shè)置方式，這里介紹一種--Tomcat
%TOMCAT_HOME% -> conf -> web.xml 加入以下代碼，可以加入到<web-app>內(nèi)的任意位置，當(dāng)然，在 mime-mapping其他標(biāo)簽附近易于管理維護。
1
<
mime-mapping
>
2
<
extension
>manifest</
extension
>
<!--離線文件后綴名-->
3
<
mime-type
>text/cache-manifest</
mime-type
>
4
</
mime-mapping
>
這樣就設(shè)置好了文件名為manifest的文件MIME類型，在設(shè)置離線文件時需要注意路徑和文件后綴名必須為你所設(shè)置的。如果設(shè)置成功，chrome控制臺會有字符輸出。大概意思是檢測manifest變更，如果MIME類型沒有設(shè)置成功會有提示。
?
apache
添加 .htaccess 支持
我們需要創(chuàng)建用于緩存頁面的?manifest?清單文件。但在此之前，先要在?.htaccess?文件中添加以下代碼：
AddType text/cache-manifest .manifest
該指令可以確保每個?manifest?文件為?text/cache-manifest?MIME 類型。如果 MIME類型不對，那么整個清單將沒有任何效果，頁面將無法離線使用。
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號聯(lián)系： 360901061
您的支持是博主寫作最大的動力，如果您喜歡我的文章，感覺我的文章對您有幫助，請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點擊下面給點支持吧，站長非常感激您！手機微信長按不能支付解決辦法：請將微信支付二維碼保存到相冊，切換到微信，然后點擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對您有幫助就好】元
