Offline Web App!!!!! ARGH!!!!!

-=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- (c) WidthPadding Industries 1987 0\|543\|0 -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=-
Socoder -> Web Development -> Offline Web App!!!!! ARGH!!!!!
Sun, 05 May 2013, 11:48
spinal	This is really starting to irritate me. -Background- I created a basic level editor in Monkey, using the html5 build so that I can make some levels on any device, so I'm not restricted to sitting in the corner on my Mac. -Problem- The damn thing point blank refuses to load when the device (iPad) is offline. I have the files on my localhost, it loads fine when MAMP is fired up and the localhost is accessible. Steps I have taken The following is the contents of my MonkeyGame.html <!DOCTYPE html> <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <html lang="en" manifest="offline.manifest"> <head> <style type="text/css"> body{ height: 100%; overflow: hidden; /* keeps scrollbar off IE */ font-family: arial,sans-serif; font-size: 13px; color: #000; background-color: #fff; padding:0px; margin:0px; } canvas:focus{ outline:none; } </style> </head> <body> <canvas id="GameCanvas" onclick="this.focus();" oncontextmenu="return false;" width=1000 height=700 tabindex=1></canvas> <text area id="GameConsole" style="width:1000px;height:200px;border:0;padding:0;margin:0"></text area> <script language="javascript" src="main.js">Javascript not supported!</script> </body> </html> --v As you can see, I have the required stuff for iPad fullscreen and whatnot, but the main bit of course is the manifest="offline.manifest" The contents of offline.manifest are as follows- CACHE MANIFEST #test version 123 CACHE: CONFIG.MONKEY data/mojo_font.png data/tiles.png favicon.ico main.js MonkeyGame.html --v Which is every file required by the app. I have also created a .htaccess file with the following AddType text/cache-manifest .manifest --v For safety I have placed this in both htdocs and in the folder containing my app. My next step was to edit Applications/MAMP/conf.apache/httpd.conf to make sure that the following was set, to that it would actually use the .htaccess file # # AllowOverride controls what directives may be placed in .htaccess files. # It can be "All", "None", or any combination of the keywords: # Options FileInfo AuthConfig Limit # AllowOverride All --v After a couple of days of nothing working, I now ask you guys. Why on earth is my offline html app not caching on my iPad? Thank you in advance -=-=- Check out my excellent homepage!
Mon, 06 May 2013, 03:51
spinal	Ok, I seem to have it working, not sure exactly what the problem was. Changing my main page filename to index.html might have been what fixed it, didn't do much else. deleted the .htaccess file, changed offline.manifest to chache.manifest. That was it, one of those things fixed it. -=-=- Check out my excellent homepage!