Search code examples
jqueryhtmlcachingapplication-cache

Error Application Cache

I have created a website with html5 appcache, when the page loads at first time, it loads properly and page displays by caching all that I've mentioned in appcache, but when I reload the page, it doesn't loads scripts and css files I have written in appcache, how can I solve this, I'm giving the console screen shot here

First Loading enter image description here

Second loading enter image description here

HTML

cache export

<!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

can any one tell me what is going wrong here ?

Solution

  • You need to either:

    1) Reference the other files in your application cache

    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

    or

    2) Allow other resources to be retrieved from the network using the NETWORK directive like

    #All other resources require the user to be online.
NETWORK:
*

    See http://www.html5rocks.com/en/tutorials/appcache/beginner/ for a great writeup on using Application Cache