2013-05-29 92 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

相关问题