python+selenium2自动化---元素定位

2021-05-08 04:28

阅读:670

标签:webdriver   内容   baidu   条件   sar   selenium   两种   没有   imp   

一、环境准备:

1、安装好python3环境

2、安装selenium2,pip install selenium==2.48.0

3、安装和Chrome版本对应的驱动器WebDriver,下载后解压到python安装目录,下载地址:

4、建立测试文件,导入webdriver

二、元素定位

通过跟踪webdriver源码,我们可以发现其提供了如下定位元素的方式,且每种定位方式都包含匹配单个元素和多个元素两种模式:

find_element_by_id&find_elements_by_id

通过id方式唯一定位满足条件的元素,例如:find_element_by_id(‘kw‘),find_element_by_id(‘su‘)

find_element_by_link_text&find_elements_by_link_text

通过文本链接定位元素,例如如下元素的定位:find_element_by_link_text("抗击肺炎")

抗击肺炎

find_element_by_partial_link_text&find_elements_by_partial_link_text

当文本链接内容很长时,可以取部分可以唯一表示的文本内容来定位元素,例如:find_element_by_link_text("抗击肺炎")

这是一个抗击肺炎的链接

find_element_by_name&find_elements_by_name

通过name属性值定位元素,可能不唯一,例如:find_element_by_name("wd")

find_element_by_tag_name&find_elements_by_tag_name

通过标签名称定位元素,例如: find_element_by_tag_name("input") 

find_element_by_class_name&find_elements_by_class_name

通过class属性来定位元素,例如: find_element_by_class_name("s_ipt") ,find_element_by_class_name("bg s_btn")

find_element_by_css_selector&find_elements_by_css_selector

css选择器的常见语法:

技术图片

百度输入框和搜索框的html代码如下:

技术图片

 通过css属性定位:find_element_by_css_selector(‘.s_ipt‘),find_element_by_css_selector(‘.bg s_btn‘)

通过id属性定位:find_element_by_css_selector(‘#kw‘),find_element_by_css_selector(‘#su‘)

通过标签名称定位:find_element_by_css_selector("input")

通过父子关系定位:find_element_by_css_selector("span>input")

通过属性定位: find_element_by_css_selector("[autocomplete=off]"),find_element_by_css_selector("[name=‘kw‘]") ,find_element_by_css_selector(‘[type="submit"]‘)

组合定位,增加定位的准确性:find_element_by_css_selector("span.bg s_ipt_wr>input.s_ipt") ,find_element_by_css_selector("span.bg s_btn_wr>input#su")

find_element_by_xpath&find_elements_by_xpath

(1)、XPath主要用标签名的层级关系来定位元素的绝对路径,最外层为html语言。在 body文本内,一级一级往下查找,如果一个层级下有多个相同的标签 名,那么就按上下顺序确定是第几个,例如div[2]表示当前层级下的第 二个div标,例如:find_element_by_xpath("/html/body/div/div[2]/div/div/div/from

(2)、XPath也可以使用元素的属性值来定位

find_element_by_xpath("//input[@id=‘kw‘]") ,find_element_by_xpath("//input[@id=‘su‘]")

表示当前页面下id=kw、su的input标签

(3)、层级与属性相结合

find_element_by_xpath("//span[@class=‘bg s_ipt_wr‘]/input")

span[@class=‘bg s_ipt_wr‘]通过class属性定位到父元素,后面/input 就表示父元素下面的子元素。如果父元素没有可利用的属性值,那么可 以继续向上查找“爷爷”元素。

(4)使用逻辑运算符

如果一个属性不能唯一地区分一个元素,我们还可以使用逻辑运算 符连接多个属性来查找元素

              

上述元素可以用and运算符进行唯一指定,find_element_by_xpath("//input[@id=‘kw‘ and@class=‘su‘]/span/

其他,通过By定位元素

from selenium.webdriver.common.by import By

By支持的定位策略如下:

技术图片

 用法:调用find_element()方法,通过By来声明定位的方法,并且传入对 应定位方法的定位参数,例如:

find_element(By.ID,"kw")        
find_element(By.NAME,"wd")        
find_element(By.CLASS_NAME,"s_ipt")        
find_element(By.TAG_NAME,"input")        
find_element(By.LINK_TEXT,"新闻")        
find_element(By.PARTIAL_LINK_TEXT,"") find_element(By.XPATH,"//*[@class=‘bg s_btn‘]")
find_element(By.CSS_SELECTOR,"span.bg s_btn_wr>input#su")

通过前面几种定位方式的源码可以发现,By与他们的底层实现方式是相同的:

技术图片

 最后,css和xpath定位方式的相似之处对比:

技术图片

 

python+selenium2自动化---元素定位

标签:webdriver   内容   baidu   条件   sar   selenium   两种   没有   imp   

原文地址:https://www.cnblogs.com/Xiaojiangzi/p/13179707.html


评论


亲,登录后才可以留言!