Search code examples
htmlcachingweboffline-caching

Appcache does not work: Manifest fetch failed (404)

I'm having problems with appcache and manifest file for my website.

demo.appcache file:

CACHE MANIFEST
/img/logoSmallSmall.png
/crosshair.html

HTML that I am trying to cache:

    <!DOCTYPE html>
<html manifest="demo.appcache">
<head>
    <title>crosshairs</title>
</head>
<body>
    <h1>katse</h1>
        <img src="img/logoSmallSmall.png" alt="image text" onclick="javascript:alert('Your popup message');" /> 
        <div style="display: none;">sdsd</div>
        <img src="img/logoSmallSmall.png" alt="image text" onclick="javascript:alert('Your popup message2');" /> 
        <div style="display: none;">sdsd</div>
        <img src="img/logoSmallSmall.png" alt="image text" onclick="javascript:alert('Your popup message3');" /> 
        <div style="display: none;">sdsd</div>
</body>
</html>

Added this line into .htaccess:

AddType text/cache-manifest .appcache

Javascript console on Chrome gives me such error: 

Application Cache Error event: Manifest fetch failed (404)

Could someone help me to fix it?

Solution

  • Found out that whole problem was because of the file name. All you have to do is name the file: cache.manifest , this is all you have to do