2.2　测试环境——Chrome浏览器

本书的Web应用特指网站，因此浏览器是必不可少的，它主要用来展示网页的效果以及完成测试。Chrome是一款功能非常强大的浏览器，它采用V8引擎，能够快速地解析和执行JavaScript脚本，让你的网站运行得更快。同时，它还支持W3C推出的许多最新技术。因此，我们选择Chrome作为网页的测试浏览器，最重要的是它提供了测试者开发工具，通过按下【F12】就可以调出来。例如在浏览器中打开百度首页，并尝试打开开发者工具，如图2.4所示。

图2.4

通过该工具，可以查看百度首页的所有HTML代码和CSS样式（Styles）（右侧）。你会经常用到选项卡工具栏上最左侧的箭头图标，帮你选中感兴趣的元素（Elements），控制台（Console）将为你展示错误提示信息，关于其他工具，你可以自行探索。

Console选项用于显示输出到控制台的内容，用户看不到，只是开发者用于测试Web代码，尤其是JavaScript脚本中的某个变量的值或输出测试值，如图2.5所示。

图2.5

Network选项是指客户端的浏览器向服务器发出请求，服务器返回的所有资源。图2.6中显示的前6张gif图片资源相关的信息。这里Status状态是200，说明服务器响应正常，这些信息还包括图片的大小以及响应时间等，这部分信息可以用于测试网站的反应速度，用于做网站的优化。

图2.6

前端开发工具已准备就绪

至此，你需要的前端开发工具已经全部就绪，借助Notepad++、HBuilderX和Chrome浏览器，就可以去制作前端网站了。如果你还对其他浏览器感兴趣，也可以尝试火狐浏览器。注意，工具只是帮你实现网站的建设，不需要太纠结用哪一款最好，最重要的是你用得最得心应手。