
上QQ阅读APP看书,第一时间看更新
1.2.2 使用Web服务器
你可能想要安装的第二个环境也很简单,但是需要安装一个Web服务器。如果一个HTML文件只包含简单的、不向服务器发送任何请求的JavaScript代码(Ajax调用),那么你可以右键点击它并选择在浏览器中直接打开。本书中需要编写的代码都很简单,可以通过这种方式执行。但是,安装一个Web服务器总是有好处的。
有很多开源和免费的Web服务器可供选择。如果你熟悉PHP的话,XAMPP会是不错的选择,它可用于Linux、Windows和Mac OS。
由于我们会专注于服务端和浏览器上的JavaScript,可以在Chrome上安装一个简单的Web服务器,它是一个叫作Web Server for Chrome的扩展。安装好之后,可以在浏览器地址栏中输入chrome://apps来找到它。

打开Web Server扩展后,可以点击CHOOSE FOLDER来选择需要在哪个文件夹中开启服务器。你可以新建一个文件夹来执行要在本书中实现的代码,也可以下载本书的源代码并将其解压缩到你喜欢的目录下,然后就能通过设定的URL(默认是http://127.0.0.1:8887)来访问它了。

本书中的所有示例都可以通过访问http://127.0.0.1:8887/examples来执行。你会看到一个包含所有示例列表的index.html文件,如下图所示。

执行示例代码的时候,始终牢记打开开发者工具并切换到Console标签页来查看输出结果。Web Server for Chrome扩展也是用JavaScript开发的。为了获得更好的开发体验,建议使用该扩展来执行本书的示例代码,或者安装下一节将学习到的Node.js http-server。