Application cache in HTML5 not working:
html
Solution
On a Tomcat server the MIME types are configured via the default web.xml file, `conf/web.xml`
Towards the end of that file you'll find a bunch of defined MIME types. You have to add
<mime-mapping>
<extension>manifest</extension>
<mime-type>text/cache-manifest</mime-type>
</mime-mapping>
as the equivalent of what you'd put in .htaccess as used by Apache and other servers.
Problem
I'm newbie to HTML 5 Application storage. Im trying a sample to test the offline storage. I have few questions. Please help. Files used: index.html ``` <html manifest="demo.manifest"> <head> <link rel="stylesheet" href="style.css" type="text/css" /> <script type="text/javascript" src="script.js" ></script> </head> <body> <h1>some text</h1> <p>Some text.</p> </body> </html> ``` style.css ``` body{background-color: #333;} h1{color: #c94054;} p{color: #fff;} ``` demo.manifest ``` CACHE MANIFEST CACHE: style.css index.html ``` I know that demo.manifest MIME type has to be set to text/cache-manifest and this has to be done in the *.htaccess file. I'm using apache tomcat 6.0 server on a windows environment. I'm not able to find this file inside the server. So, I created one (test.htaccess) in the root directory of my project (which is being developed on eclipse helios) that is, in d:/eclipse-workspace/ProjectName/ and my file looks like below: test.htaccess ``` AddType text/cache-manifest .manifest ``` But application cache does not work when I stop the server and tried to access it as below: ``` http://localhost:8081/ProjectName/index.html ``` Please let me know what have I done wrong with this...Also, Is there a way to debug application cache