1.4.1　选择浏览器—Chrome

常见的手机端浏览器有很多，本文选择现在流行的Chrome浏览器，如图1.3所示。它是一款由Google公司开发的、于强大的JavaScript V8引擎实现的网页浏览器工具。通过双击该图标打开Chrome浏览器，再右击空白处，在弹出的快捷菜单中选择检查选项或者按F12键即可打开Chrome浏览器的开发者工具界面，如图1.4所示。

图1.3　Chrome浏览器

图1.4　开发者工具界面

通过开发者工具的使用，能够快速定位页面元素的位置，修改一些CSS样式观察效果，更加便于代码的调试（debug）。一般开发者工具包括9个面板，分别是Elements面板、Console面板、Sources面板、Network面板、Performance面板、Source面板和Application面板等。初学者经常使用的就是：Elements面板，用于定位元素位置；Console面板，方便实时观察JS代码的输出结果；Network面板，能够观察到所有发送的请求。