技术分享 | Web 控件定位与常见操作

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

实战演示

Selenium 自带 id 定位，可以通过元素的 id 属性进行定位，比如下面的代码：

• Python 版本

driver.find_element_by_id('kw')

• Java 版本

driver.findElement(By.id("kw"));

Selenium 自带 name 定位，可以通过元素的 name 属性进行定位，比如下面的代码：

• Python 版本

driver.find_element_by_name('wd')

• Java 版本

driver.findElement(By.name("wd"));

 

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

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

要定位的元素是百度首页的搜索输入框

 

首先寻找 id 为 form 的 form 元素，然后再寻找它的子元素 span，span 的 class 属性为 bg s_ipt_wr quickdelete-wrap，最后找 span 的子元素 input：

• Python 版本

driver.find_element_by_xpath\
    ("//form[@id='form']/span[@class='bg s_ipt_wr quickdelete-wrap']/input")

• Java 版本

driver.findElement(By.xpath("//form[@id='form']/span[@class='bg s_ipt_wr quickdelete-wrap']/input"));

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

• Python 版本

driver.find_element_by_xpath("//form[@id='form']//input[@id='kw']")

• Java 版本

driver.findElement(By.xpath("//form[@id='form']//input[@id='kw']"));

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

如何检验 XPath 定位