web控件定位方法

在做 Web 自动化时，最根本的就是操作页面上的元素，首先要能找到这些元素，然后才能操作这些元素。工具或代码无法像测试人员一样用肉眼来分辨页面上的元素。那么要如何定位到这些元素，本章会介绍各种定位元素的方法。

通常来说 name 属性与 id 属性在页面中唯一，推荐使用这两个属性进行定位。

XPath 是一个定位语言，英文全称为：XML Path Language，用来对 XML 上的元素进行定位，但也适用于 HTML，下面来看一个例子。

要定位的元素是 Sogou 首页的搜索输入框。 首先寻找 id 为 sf 的 form 元素，然后再寻找它的子元素 span，span 的 class 属性为 sec-input-box，最后找 span 的子元素 input，以下代码演示。

下面的定位也可以找到这个 input，请注意，这里使用了双斜杠//，它可以找到子孙节点，而但斜杠/只能找到子节点，以下代码演示。

XPath 表达式更多内容可参考下面表格。

如何检验 XPath 定位是否正确？可以使用 chrome 的检查模式 -> Console，输入$x(‘XPath 表达式’)即可。

XPath 可以定位绝大多数元素，但是 XPath 采用从上到下的遍历模式，速度并不快，而 css selector 采用样式定位，速度要优于 XPath，而且语法更简洁。下面是 Selenium 使用 css selector 的例子。

css selector 找到 class 属性值为 active 的元素，然后>表示找 class 属性为 active 的元素的子节点，以下代码演示。

下表列出了常用的 css_selector 表达式的用法。

使用 Chrome 的检查模式 -> Console 也可以在当前页面检测 css_selector 是否正确，输入$(‘css selector 表达式’)即可。

link定位是专门用于定位超链接的，比如页面上显示文字且可以点击跳转的元素就可以算做是超链接，查看控制台可以看到这种元素一般都在标签后面。

代码如下：

也可以采用部分匹配方式，不必写全：新闻”，以下是代码演示。

DOM 结构中，元素都有自己的 tag，比如 input tag，button tag，anchor tag 等等，每一个 tag 拥有多个属性，比如 id，name，value class 等等。 下面的高亮部分就是 tag： 可以使用 tag 进行定位:

可以通过元素的 class 属性值进行定位。 这里的 active 用的就是上图 class 的值。

Selenium 常见操作有：

输入、点击、清除在 Selenium 中对应的方法分别是 send_keys、click、clear。

关闭当前句柄窗口（不关闭进程）close()，关闭整个浏览器进程 quit()。

获取元素标签上的属性 get_attribute(‘value’)，元素的坐标 location，元素的大小 size。

预期结果：

网页源代码 page_source，刷新页面 refresh()。

设置窗口大小主要有最小化、最大化和自定义设置窗口具体的大小。