title: Make browser default to using cache rather than connecting
body: <p>I created a web app with HTML and JavaScript. One of the key features I want the app to have is to be accessible offline. I use <a href="http://www.html5rocks.com/en/tutorials/appcache/beginner/" rel="nofollow">cache manifest</a> to cache the pages and can later be accessed offline. (The cache manifest file contains all pages and I have the </p>
  
  <pre><code>&lt;html manifest="example"&gt; 
  </code></pre>
  
  <p>in every page's header).</p>
  
  <p>This worked out well; when not connected to internet I can still browse through the pages.</p>
  
  <p>My issue comes when connecting to a different network (my web server is on my local network only). If I connect to a different network everything fails. The browser gives a connection error.</p>
  
  <p>Is there a way to have the browser default to using the cache rather than trying to connect?
  (I'm using this on Firefox on Android)</p>
  
  <p>cache.manifest</p>
  
  <pre><code>CACHE MANIFEST
  # 01-SEP-13 215 
  CACHE:
  
  # CSS
  css/mystyle.css
  css/custom-theme/jquery.mobile-1.3.2.min.css
  
  # IMAGES
  images/logo.jpg
  
  #CONTENT
  content/testPage1.html
  
  # DATA
  data/projectData.json
  
  # JQUERY
  js/jquery/js/jquery-1.10.1.js
  js/jquery/js/jquery-1.9.1.js
  js/jquery/js/jquery-ui-1.10.3.custom.js
  js/jquery/js/jquery-ui-1.10.3.custom.min.js
  js/jquery/jquery.mobile-1.3.2.min.js
  js/jquery/jquery-1.9.1.min.js
  
  # settings  JS
  js/testScript.js
  js/add.js
  
  
   # html
  firstPage.html
  about.html
  contact.html
  
  NETWORK:
  *
  </code></pre>