fix appcache update

garthcn · Mar 4, 2013 · e5dd2d8 · e5dd2d8
1 parent 5f35470
commit e5dd2d8
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 9 deletions.
diff --git a/build.sh b/build.sh
@@ -22,6 +22,8 @@ echo "\033[32m[minify]\033[0m rewriting script tag in" $BASEDIR"/deploy/template
 sed -i.bak '/<script.*\/script>/d' $BASEDIR/deploy/index.html
 #2. replace <!-- MIN --> tag with min.js
 sed -i.bak 's/<!-- MIN -->/<script src="js\/min.js"><\/script>/' $BASEDIR/deploy/index.html
+#3. add appcache manifest
+sed -i.bak 's/<html>/<html manifest="offline.appcache">/' $BASEDIR/deploy/index.html
 
 #minify javascript with uglifyjs
 

diff --git a/index.html b/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html manifest="offline.appcache">
+<html>
 	<head>
 		<title>HTML5 Clear</title>
 		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
@@ -37,13 +37,18 @@
 		</script>
 
 		<script>
-			var appCache = window.applicationCache;
-			if (appCache) {
-				appCache.update();
-				if (appCache.status == window.applicationCache.UPDATEREADY) {
-  					appCache.swapCache();  // The fetch was successful, swap in the new cache.
-				}
-			}
+		window.addEventListener('load', function(e) {
+
+		  	window.applicationCache.addEventListener('updateready', function(e) {
+		    	if (window.applicationCache.status == window.applicationCache.UPDATEREADY) {
+		    		window.applicationCache.swapCache();
+		    		if (confirm('A new version of the app is available. Load it?')) {
+		        		window.location.reload();
+		      		}
+		    	}
+		  	}, false);
+
+		}, false);
 		</script>
 
 		<script src="js/zepto.js"></script>

diff --git a/offline.appcache b/offline.appcache
@@ -1,5 +1,5 @@
 CACHE MANIFEST
-# 2013-03-04:v4
+# 2013-03-04:v5
 
 index.html
 css/style.css