title: Loading an local JSON file offline
body: <p>So I have a client that wants a <em>site</em> that is not hosted anywhere but locally accessible via a browser (a html file in a folder). Now the tricky part is that they want to change this site on their own IN the browser. So I thought the best way to do this is to have a config locally. I created a <code>config.json</code> and went on to <em>get</em> it:</p>
  
  <pre><code>$.getJSON("config.json", function(config){
      //use config to alter the site
  });
  </code></pre>
  
  <p>I found out <a href="https://stackoverflow.com/questions/7346563/loading-local-json-file">here</a> that modern browsers however block this kind of requests since it is considered unsafe. For example Chrome says:</p>
  
  <pre><code>Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
  </code></pre>
  
  <p>Now the question is: How can I have a file that stores my config so that Javascript/jQuery can load it. Is there a way to ask the user to allow the fileaccess? Is there a completely different way of doing all this that suits the task better?</p>
  
  <p>I'm looking forward to any suggestion as long as it is offline-compatible!</p>