元素的定位方式有多种,主要是通过id、name属性来定位,若没有id,name,很大部分是通过xpath来定位元素,直接右键copy xpath,但也要验证定位的正确性。
谷歌中的xpath都主要是根据相对路径来定位的,而绝对路径中一般会用id,此时就要看id是否为固定的,来判断xpath是否正确
通过id直接定位:
Xpath类型一:文本定位
操作:点击“UI建模”,弹出下拉菜单,点击“页面自定义”,对应到图中的这段代码。
解析:在一对a标签中,有link,有文本,可以用文本定位,也可以用link定位。
定位:文本定位用Xpath=//a[text(),’页面自定义’],这种就可以定位页面自定义了。对于这种只要在标签中包含文本,如input标签,li标签中,都可以用这种定位方式。当然,这个文本在此页面要是唯一的。
Xpath类型二:class定位
操作:点击“数据表”中的下拉图标,对应图中的红色代码。
解析:此段代码中只有class,所以用class定位
定位:可以用xpath=//span[@class=’mini-buttonedit-icon’],则可以定位下拉图标了。
Xpath类型三:index定位
操作:选择“分页方式”下拉选项,点击“无分页”,对应代码为此段。
解析:此段代码中id是变化的,index不是变化的,用index定位
定位:Xpath=//tr[@index=’0’],就可以定位无分页选项了
Xpath类型四:value定位
操作:选择新增方式,点击复制已有视图,对应到这段代码
解析:此段代码中有个id,但是此id为变化的,还有个value,用value定位
和之前的一样
定位:Xpath=//input[@value=’copy’],就可以定位复制已有视图了
Xpath类型四:元素不唯一定位
操作:点击“新增”,进入“新增树网格”操作元素,要进入iframe,iframe对应此段代码
解析:要定位这段iframe,查看相应的html,发现可以用src定位,但是这里的src不是固定的,如果是固定的,则可以用上面的方式,用@src
定位:Xpath=//iframe[contains(@src,’/_modeling/UIModeling/FunctionPage/controlAddSelect.aspx’)]
/_modeling/UIModeling/FunctionPage/controlAddSelect.aspx此为固定的字符串
Css定位:
操作:定位新增按钮,发现对应这段代码
解析:这段代码中只有class,用class定位
定位:css=.gridToolbar-button-main,就可以定位到新增,如果class在此页面中不唯一,那就只能根据绝对路径来定位了。
本文中部分信息,引用文章URL: http://www.51testing.com/html/43/15075543-1367747.html
通过id直接定位: