错误应用缓存

时间:2015-03-11 05:15:03

标签: jquery html html5 caching application-cache

我创建了一个带有html5 appcache的网站,当页面第一次加载时,它通过缓存我在appcache中提到的所有内容正确加载和页面显示,但是当我重新加载页面时,它不会加载脚本和我在appcache中编写的css文件,如何解决这个问题,我在这里给出了控制台屏幕

首次加载 enter image description here

第二次加载 enter image description here

HTML

缓存导出

<!DOCTYPE html>
<html manifest="shaj.appcache">

shaj.appcache

CACHE MANIFEST

    Default.aspx
    contact.aspx
    css/bootstrap.min.css
    css/style.css
    js/jquery.animsition.min.js
    js/script.js
    img/logo.png
    img/img-2.png
    img/img-1.png
    img/overlay.png

任何人都可以告诉我这里出了什么问题吗?

1 个答案:

答案 0 :(得分:1)

您需要:

1)引用应用程序缓存中的其他文件

CACHE MANIFEST

css/animsition.min.css
css/animate.css
js/jquery-2.1.3.min.js
js/wow.min.js
js/bootstrap.min.js
Default.aspx
contact.aspx
css/bootstrap.min.css
css/style.css
js/jquery.animsition.min.js
js/script.js
img/logo.png
img/img-2.png
img/img-1.png
img/overlay.png

2)允许使用NETWORK指令(如

)从网络中检索其他资源
#All other resources require the user to be online.
NETWORK:
*

有关使用Application Cache

的精彩说明,请参阅http://www.html5rocks.com/en/tutorials/appcache/beginner/