Home » Web Dev » HTTP web server for Chrome to test local web applications

About Oleg Varaksin

Oleg Varaksin

HTTP web server for Chrome to test local web applications

If you are writing HTML and JavaScript on your PC and testing the output in your browser without setting up a server, you will probably get some error messages about Cross Origin Requests. Your browser will render HTML, run JavaScript, jQuery or AngularJS web app, and … block requests.

This is a common behavior of many web browsers due to possible cross site attacks. That is understandable because it is not clever to allow someone to read your hard drive from your web browser. Right?

More concrete example. Assume, you develop an AngularJS web app with custom directives. Maybe you’re quickly testing some AngularJS features without any web server. AngularJS loads HTML files of custom directives on page initial load.

All files are loaded by AJAX from your PC, so that you will see an error message such as “XMLHttpRequest cannot load file:///C:/somefolder/somefile.html”. I had e.g. these messages in the browser console:


This is because your browser doesn’t allow AJAX requests for file:/// Obviously, you need to serve all files over HTTP. The simplest solution would be to install a web server for Chrome. It serves web pages from a local folder over the network, using HTTP and comes exactly to rescue. After installing this small server app from the Google Web Store, you will see a Web Server icon. I have e.g. something like


Open the web server for Chrome and choose a directory to serve static content. In our case, this is the main folder of your project.


It is now able to stream large files and handle range requests. It also sets mime types correctly. Navigate to You will see all content of you project. Assume, the main file is called myapp.html. After choosing this file, you will see the URL

The web app is fine now because all separate files for AngularJS’s includes or directives are streamed down by AJAX over HTTP. Changes in files are visible on-the-fly without any restarts or redeployments.

Have fun!

Do you want to know how to develop your skillset to become a Web Rockstar?
Subscribe to our newsletter to start Rocking right now!
To get you started we give you our best selling eBooks for FREE!
1. Building web apps with Node.js
2. HTML5 Programming Cookbook
3. CSS Programming Cookbook
4. AngularJS Programming Cookbook
5. jQuery Programming Cookbook
6. Bootstrap Programming Cookbook
and many more ....
Email address:

Leave a Reply

1 Comment on "HTTP web server for Chrome to test local web applications"

newest oldest most voted
Notify of
Ekpoto Liberty

Please it just a question. Can it handle PHP scripts and at the same time return to HTML content with just server request?