Untitled

=== index.html ===

<!doctype html>
<html manifest="test.appcache">
<head>
	<meta charset="utf-8">
	<title>Connectivity Test</title>
	<script src="online.js"></script>
	<script src="script.js"></script>
</head>

<body>
	<h1>Let's test this connection!</h1>
	<button onclick="go()">Do it!</button>
</body>
</html>

=== script.js ===

function go() {
	isSiteOnline() ? alert("Online") : alert("Offline");
}

=== online.js ===

function isSiteOnline() {
	return true;
}

=== offline.js ===

function isSiteOnline() {
	return false;
}

=== test.appcache ===

CACHE MANIFEST

# Version: 1

CACHE:
index.html
script.js

NETWORK:
*

FALLBACK:
online.js offline.js

=== .htaccess ===

AddType text/cache-manifest .appcache

<IfModule mod_expires.c>
  ExpiresActive on
  ExpiresDefault                          "access plus 1 month"

  ExpiresByType text/cache-manifest       "access plus 0 seconds"
  ExpiresByType text/html                 "access plus 0 seconds"
  ExpiresByType application/json          "access plus 0 seconds"
  ExpiresByType text/css                  "access plus 0 seconds"
  ExpiresByType application/javascript    "access plus 0 seconds"

 <IfModule mod_headers.c>
  Header append Cache-Control "public"
 </IfModule>

</IfModule>

<IfModule mod_headers.c>
  Header unset ETag
</IfModule>

FileETag None