2011-10-04 53 views
4

我試圖以基本方式獲取HTML5脫機存儲。我閱讀了關於DiveIntoHTML5的信息,這似乎是有道理的,但它似乎並沒有爲我工作。我想知道是否有人可以幫我調試。HTML 5脫機存儲緩存清單不起作用

基本上我爲應用程序index.htm設置了一個主頁。所以我的應用程序在網絡上的http://www.mydomain.com/online/index.htm。用戶將訪問此頁面,他們會在這裏每天都在做他們所有的工作。訪問此URL將創建一堆緩存文件,以便他們隨後可以訪問http://www.mydomain.com/offline並查看應用程序脫機時的工作版本。的代碼在網上主頁

最上面幾行是:

<!DOCTYPE html> 
<html manifest="cache.manifest"> 
<head> 
    ...etc 

我生成一個名爲「cache.txt」純文本文件,並在記事本中增加了以下內容吧:

CACHE MANIFEST 
http://www.mydomain.com/offline/scripts/jquery-1.6.3.min.js 
http://www.mydomain.com/offline/scripts/jquery-ui-1.8.16.custom.min.js 
http://www.mydomain.com/offline/scripts/modernizr.min.js 
http://www.mydomain.com/offline/scripts/json2.min.js 
http://www.mydomain.com/offline/scripts/jquery.deserialize.js 
http://www.mydomain.com/offline/scripts/jquery.cookie.js 
http://www.mydomain.com/offline/scripts/main.js 
http://www.mydomain.com/offline/css/main.css 
http://www.mydomain.com/offline/css/structure-details.css 
http://www.mydomain.com/offline/css/ui-lightness/jquery-ui-1.8.16.custom.css 
http://www.mydomain.com/img/header.gif 
http://www.mydomain.com/offline/img/bg.png 
http://www.mydomain.com/offline/img/header_riser.gif 
http://www.mydomain.com/offline/img/logo.png 
http://www.mydomain.com/offline/img/offline.png 
http://www.mydomain.com/offline/index.htm 

我已經將這個文件重命名爲'cache.manifest',並將它上傳到在線應用程序的根目錄(與我的主頁相同),以便在http://www.mydomain.com/online/cache.manifest處可以訪問它。

託管公司已經在IIS中爲所有擴展名爲.manifest的文件添加了「text/cache-manifest」的內容類型。我認爲這是工作,因爲當我認爲在Firefox的文件在http://www.mydomain.com/online/cache.manifest螢火告訴我的內容類型是:

Content-Type cache-manifest 

或者這應該返回「文本/緩存清單」?也許這是問題?

當我查看我的系統上的脫機存儲文件夾(C:\用戶\我\應用程序數據\本地\ Mozilla的\火狐\ Profiles文件\ b12u6xza.default沒有什麼在那裏與此相關的域名在所有

。任何人都可以提出什麼可能是想錯了 - 因爲我有點難倒

回答

0

嘗試添加在httpd.conf ..this這些線可以幫助你

AddType text/cache-manifest .manifest 

<IfModule mod_expires.c> 
ExpiresActive On 
ExpiresByType text/cache-manifest "access plus 0 seconds" 
</IfModule> 
+0

這是對Apache或IIS?我的環境是Windows/IIS。 – Dan

+0

這是阿帕奇.. –

1

首先,規格有已更改,您現在應該使用.appcache作爲明顯的擴展名

其次,應該像你說的那樣定義mime類型text/cache-manifest。我真的不涉及IIS,但似乎像有兩種方式來添加這個MIME類型,無論是低谷IIS administration UI或通過web.config文件

另外,我建議你用谷歌Chrome瀏覽器測試這個,因爲它的控制檯顯示所有清單解析數據和錯誤,包括何時清單MIME類型未被正確識別。

+0

規範說該文件可以有任何擴展名 – pinoyyid

0

你最好使用Chrome的控制檯更好的測試(你看不到這些在Chrome的網絡)

我的榜樣!(請訪問:www.mustrank.com/views/1.php)。

查看下面的chrome控制檯輸出,首先創建清單文件「website.appcache」,然後輸入「1.html」和「main」。CSS」下載

[創建應用程序緩存與艙單 www.mustrank.com/views/website.appcache 1.PHP:1

應用程序緩存檢查事件1.PHP:1

應用緩存下載事件1.PHP:(2 0)1個

應用程序高速緩存進展事件 www.mustrank.com/views/1.html 1.ph號碼:1個

應用程序高速緩存進展事件(2 1) www.mustrank.com/css/main.css 1.PHP:1

應用程序高速緩存進展事件(2/2)1。 PHP:1級

應用程序緩存中的事件]