title: File Protocol Ajax Request
body: <p>I have made a project whose structure is like this</p>
  
  <p><a href="https://i.stack.imgur.com/BiQ10.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BiQ10.png" alt="My project structure"></a></p>
  
  <p>When I run my index.html from firefox, it is working fine.</p>
  
  <p>But I open it with my chrome it is giving CORS error.
  <a href="https://i.stack.imgur.com/GljBi.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GljBi.png" alt="Chrome url"></a></p>
  
  <p><a href="https://i.stack.imgur.com/fIB17.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fIB17.png" alt="Chrome Error"></a></p>
  
  <p>Now my problem is that chrome doesnot support <strong>file://</strong> protocol ajax request &amp; as I have distribute to my project to others I don't want other to run on firefox only.</p>
  
  <p>Internally I am using ajax call in project, to load the resources. Can Somebody suggest how to bypass that ajax call to load resources?? Is there some solution or any third party js which can help me.</p>
  
  <p>Note: Please don't suggest to use XAMPP, apache etc where I can put my project and run as localhost for chrome as I don't want user to force to download these to run my project. Please give other useful solution where I can do some change in code &amp; it works for everyone.</p>
  
  <p>Here are the links from which you could understand my problem better.</p>
  
  <p><a href="https://stackoverflow.com/questions/17947971/ajax-in-jquery-does-not-work-from-local-file">Ajax in Jquery does not work from local file</a></p>
  
  <p><a href="https://stackoverflow.com/questions/18998192/ajax-code-do-not-run-locally">AJAX code do not run locally</a></p>
  
  <p><a href="https://stackoverflow.com/questions/17386595/ajax-request-using-jquery-does-not-work">AJAX request using jQuery does not work</a></p>