2013-05-29 130 views
0

我使用cache.manifest文件在離線狀態下查看我的項目,一切正常。文件沒有被緩存

但唯一沒有緩存的是我的圖庫滑塊的庫。我不知道爲什麼。

有人能幫我一下嗎?我在三天內嘗試了很多東西,但我不明白爲什麼會發生這種情況。已經改變了很多目錄來查看問題是否是路徑。但沒有任何工作。

注:我使用兩次的庫,因爲我在使用index.html的畫廊和Destaque.html

我想緩存庫是這樣的:

elastislide.css 
modernizr.custom.17475.js 
jquery.elastislide.js 
jquerypp.custom.js 

和我cache.manifest文件是這樣的:

CACHE MANIFEST 

index.html 
boilerplate.css 
master.css 
elastislide.css 
jquery.mobile-1.3.1.min.css 
jquery.bxslider.css 
css/shCore.css 
css/shThemeDefault.css 
flexslider.css 
social-likes.css 
imagens/Horizontal/HomeHorizontal2.jpg 
imagens/Horizontal/2.jpg 
imagens/Horizontal/2.2.jpg 
imagens/Horizontal/3.jpg 
imagens/Horizontal/3.1.jpg 
imagens/thumbsContactos/33.jpg 
imagens/thumbsContactos/34.jpg 
imagens/thumbsContactos/35.jpg 
icon/apple-touch-icon-57x57.png 
icon/apple-touch-icon-72x72.png 
icon/apple-touch-icon-144x144.png 
icon/close_pop.png 
icon/mail-icon.png 
icon/plus2.png 
icon/video-icon.png 
icon/facebookicon.png 
images/bg_direction_nav.png 
images/icons-18-black.png 
images/icons-18-white.png 
images/icons-36-black.png 
images/icons-36-white.png 
http://www.youtube.com/embed/tqNCu-wPT6k?rel=0 
http://www.youtube.com/embed/YtAZU2diFVE?rel=0 
jquery-1.9.0.min.js 
jquery.mobile-1.3.1.min.js 
modernizr.custom.17475.js 
jquery.elastislide.js 
jquerypp.custom.js 
offlinetest.js 
js/modernizr.js 
social-likes.js 
jquery.bxslider.js 
respond.min.js 
jquery.flexslider.js 
modernizr.custom.17475.js 
jquery.elastislide.js 
jquerypp.custom.js 
js/shCore.js 
js/shBrushXml.js 
js/shBrushJScript.js 
Destaque/js/modernizr.custom.17475.js 
Destaque/js/jquery.elastislide.js 
Destaque/js/jquerypp.custom.js 

Network: 
* 

Fallback: 
offline.html 
+0

是緩存清單文件送達正確? http://www.html5rocks.com/en/tutorials/appcache/beginner/(右mime類型)不知道如果看在Firefox螢火蟲淨選項卡將有所幫助(它顯示你的響應頭)你可以檢查我發佈的鏈接AppCache事件和console.log緩存上的東西? – HMR

+0

是的。我已經檢查了console.log,並且所有內容都被緩存並正常工作。唯一的問題沒有被緩存,是我寫在頂部的文件。控制檯沒有顯示任何錯誤,我認爲這個文件沒有被緩存,因爲他不執行這個 – user2232273

+1

你可以讓所有文件的根目錄是絕對的嗎?如果圖像位於yoursite.com/images/myImage.jpg中,則可以使用/images/myImage.jpg(/作爲第一個字符)。 – HMR

回答

2

您可以使用緩存htaccess。

例如:的.htaccess

ExpiresActive On 
ExpiresByType text/html "access plus 0 seconds" 
ExpiresByType text/xml "access plus 0 seconds" 
ExpiresByType application/xml "access plus 0 seconds" 
ExpiresByType application/json "access plus 0 seconds" 

# Feed RSS - 1 hora 
ExpiresByType application/rss+xml "access plus 1 hour" 

# Favicon - 1 week 
ExpiresByType image/vnd.microsoft.icon "access plus 1 week" 

# Images, video, audio - 1 week 
ExpiresByType image/gif "access plus 1 week" 
ExpiresByType image/png "access plus 1 week" 
ExpiresByType image/jpg "access plus 1 week" 
ExpiresByType image/jpeg "access plus 1 week" 

ExpiresByType video/ogg "access plus 1 week" 
ExpiresByType audio/ogg "access plus 1 week" 
ExpiresByType video/mp4 "access plus 1 week" 
ExpiresByType video/webm "access plus 1 week" 

# Webfonts - 1 year 
ExpiresByType font/truetype "access plus 1 year" 
ExpiresByType font/opentype "access plus 1 year" 
ExpiresByType font/woff "access plus 1 year" 
ExpiresByType image/svg+xml "access plus 1 year" 

# CSS/jScript - 5 days and 2 hours 
ExpiresByType text/css "access plus 5 days 2 hours" 
ExpiresByType application/javascript "access plus 5 days 2 hours" 
ExpiresByType text/javascript "access plus 5 days 2 hours" 
+0

HM,但我如何在HTML中定義? – user2232273

+0

不,您必須創建該文件。 「.htaccess」是基於你的項目,它只有在你安裝了Apache服務器的情況下才能工作。 –

+0

我有一個apache服務器和我之前創建的htaccess文件來定義mim類型。但這是新事物。 ..mhhh ...只有把它放在文件中,沒有其他的東西? – user2232273

相關問題