由于 Selenium 基于 web 的自动化测试技术，我们的要操作的对象是 web 页面，所以有必要对前端的
技术和工具做一个简单的介绍。
L HTML 简介
HTML（Hyper Text Markup Language）中文为超文本标记语言，HTML 是网页的基础，它并不是一种
编程语言，而是一种标记语言（一套标记标签），但我们可以在 HTML 标签中嵌入各种前端脚本语言，如
VBScript、JavaScript 等。下面是一个简单的 HTML 页面：
html_page.html
<html>
<title>标题</title>
<body>
<h1>正文</h1>
</body>
</html>
<html> 与 </html> 之间的文本描述网页
<title> 与</title> 之间的内容显示在浏览器的标题栏
<body> 与 </body> 之间的文本是可见的页面内容
<h1> 与 </h1> 之间的文本被显示为正文，h1 为页面中的一号字体
现在我们通过浏览器打开任意一个页面，在页面上右键菜单选择“查看网页源代码”，在复杂的前端
代码中你依然可以找到 HTML 的身影。
当然了，HTML 还定义了其它许多功能，请参考其它资料进行学习。
t JavaScript 简介
JavaScript 是一种由 Netscape 公司的 LiveScript 发展而来的前端脚本语言（脚本语言是一个种轻量
级的语言），是一种解释性语言（代码执行不需要预编译）；被设计用来向 HTML 页面添加交互行为，
通常被直接嵌入到 HTML 页面。
如果要在 HTML 页面中使用 JavaScript ，我们需要使用<script>标签，同时使用 type 属性来定义脚
本语言：
js_page.html
<html>
<body>
<script type="text/javascript">
document.write("Hello World!");
</script>
</body>
</html>
通过<script type="text/javascript"> 和</script > 就可以告诉浏览器 JavaScript 脚本从何处开始，
到何处结束。使用 document.write() 可以向文档输出写内容。
XML 简介
XML 是指扩展标记语言，是标准通用标记语言的一个子集；与 HTML 类似，但它并非 HTML 的替代品，
它们为不同的目的而设计；HTML 被设计用来显示数据，其焦点是数据的外观。XML 被设计为传输和存储
数据，其焦点是数据的内容。
下面是一个简单的 XML
xml_file.xml
<?xml version="1.0"?>
<note>
<to>George</to>
<from>John</from>
<heading>Reminder</heading>
<body>Don't forget the meeting!</body>
</note>
<?xml version="1.0"?> 一个应该包含 XML 的声明，它定义了 XML 文档的版本号。
<note></note> 定义了文档里的第一个元素，也叫根元素。
<to></to>、<from></from>、<heading></heading>、<body></body> 为根元素的子元素，他们分别
包含了发送者与接收者的信息。这个 XML 文档仅仅是用标签包装了纯粹的信息，我们需要编写软件或程
序，才能传送、接收和显示出这个文档。
XML 允许我们自己定义标签，上例中的标签没有在任何 XML 标准中定义过，如<to> 和<from>，这
些标签是由我们自己定义的。
上面只是简单的介绍了 HTML 、JavaScript 以及 XML 等前端技术，Web 自动化测试就是与前端技术打
交到，所以，了解前端技术有助于我们顺利的进行 web 自动化测试工作，笔者推荐去 w3school 网站进一
步学习和掌握这些技术。
前端工具介绍
FireBug
FireBug 是 FireFox 浏览器下的一套开发类插件，相信很多同学对这款前端工具并不陌生。它集 HTML
查看和编辑、Javascript 控制台、网络状况监视器、cookie 查看于一体，是开发 JavaScript、CSS、HTML
和 Ajax 的得力助手。
我们可以通过他方便的查看页面上的元素，从而根据其属性进行定位。在前 web 自动化测试工作中，
此工具必不可少。
安装方式：firefox 浏览器的菜单栏中选择 tools（工具）--->add-ons Manager （添加组件），搜索 FireBug ；
对搜索到的插件进行安装，再次重启浏览器即可使用。
FirePath
FirePath 是 FireBug 插件扩展的一个开发工具，用来编辑、检查和生成的 XPath 1.0 表达式、CSS 3
选择器以及 jQuery 选择器。可以快速度的帮助我们通过 xPath 和 CSS 来定位页面上的元素。
当通过 FireBug 的鼠标箭头选择一个页面元素后，FirePath 输入框将给出 XPath 的表达式，快速的帮
我们定位。注意：我们可以点击“XPath: ”按钮切换到 CSS 定位方式，从而获得一个元素的 CSS 定位方
式。FirePath 的安装方式与 FireBug 类似。
chrome 和 IE 的开发人员工具
chrome 和 IE 浏览器同样也提供了类似 FireBug 的开发人员工具，可以帮助我们定位页面元素。
chrome 浏览器默认自带 chrome 开发者工具，浏览器右上角的小扳手，在下拉菜单中选择“工具”--
“开发者工具”即可打开，更为快捷的是通过 Ctrl+Shift+I 或 F12 打开。
IE 浏览器从 IE8 版本开始，加入了开发人员工具，使用它也非常方便，通过菜单栏“工具”---“开发
人员工具”或者通过快捷键 F12 即可打开。值得一提的是，它提提供了浏览器的兼容模式，我们可以选择
浏览器模式切换到 IE7 模式，IE 9/10 同样提供向下兼容模式到 IE7 ，这将非常方便的帮助我们测试 IE 浏
览器的兼容性。
