1.6、前端技术介绍
由于 Selenium 是基于 Web 的自动化测试技术,而我们要操作的对象是 Web 页面,所以有必要对前端 Web的技术与工具作一个简单介绍。
HTML 简介
HTML(Hyper Text Markup Language)中文为超文本标记语言,是网页的基础。它并不是一种编程语言,而是一种标记语言(一套标记标签),但我们可以在 HTML 标签中嵌入各种前端脚本语言,如 VBScript、JavaScript等。下面是一个简单的 HTML 页面:
<html> 与 </html> 之间的文本用于描述网页。
<head> 与</head>之间的用于定义文档的头部,它是所有头部元素的容器。
<title> 与</title> 之间的内容显示在浏览器的标题栏。
<body> 与 </body> 之间的文本是可见的页面内容。
<h1> 与 </h1> 之间的文本被显示为正文,h1 表示为一号字体。
JavaScript 简介
JavaScript是一种由Netscape公司的LiveScript发展而来的前端脚本语言(脚本语言是一个种轻量级的语言),是一种解释性语言(代码执行不需要预编译),被设计用来向 HTML 页面添加交互行为,通常被直接嵌入到HTML 页面。如果要在 HTML 页面中使用 JavaScript,则需要添加<script>标签,并且通过 type 属性来定义脚本语言:
通过<script type="text/javascript"> 和</script > 就可以告诉浏览器 ,JavaScript 脚本从何处开始,到何处结束。使用 document.write()可以向文档输出内容。
XML 简介
XML 是指扩展标记语言,是标准通用标记语言的一个子集。与 HTML 类似,但它并非 HTML 的替代品,它们为不同的目的而设计。HTML 被设计用来显示数据,其焦点是数据的外观;XML 被设计为传输和存储数据,其焦点是数据的内容。下面是一个简单的 XML 文件。
<?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 自动化测试工作。