I have created a ipad offline application. The safari shows internet connection not available message when i open the web page offline mode although I have set the cache manifest. I have listed all three files that is needed by the html page. the html page itself, css file and the logo image.
I have also set the manifest file name in html tag and htaccess file also.
Can I anybody let me know where I am doing wrong or Let me know the way to troubleshoot this.
the .html code
<!DOCTYPE HTML>
<html manifest="/main.manifest">
<head>
<meta name="viewport" content="width=device-width">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<title>Welcome</title>
<body>
thsi is test one
</body>
</html>
manifest
# test1
CACHE MANIFEST
/main.html
Thanks in advance !!!
My suggestion would be to follow the instructions in Dive into HTML5 exactly. HTML5 offline apps can be very “temperamental”, so if something isn’t exactly correct the whole thing stops working and it can be quite difficult to get useful error information.
It’s very difficult to try and debug on an iOS device because the dev tools aren’t really there. I’ve had success using Chrome to debug, the dev tools (particularly the storage and console sections) have quite a lot of useful information that you can use. If it doesn’t work in Chrome you should be able to figure out more easily what’s going on. If it does work in Chrome but not on an iOS device, then you will need to show us your files so we can help you more.