zoukankan      html  css  js  c++  java

  • selenium定位方式

    目录

    about

    selenium模拟人对浏览器的操作，那人对如何对浏览操作呢？无非也就是点、划、拖拽、输入等操作。这些操作反映到HTML中，也无非是对节点元素的操作。selenium提供了多种对于元素的操作，简单来说，就是找到标签，操作它，但是现在有些标签的属性是动态的，所以，还是要根据实际情况来选择定位方式。
    常见的元素定位方式有以下几种：

    • 根据ID定位，可以说这是最常用的定位方式了，因为ID是唯一的，所以用来较为方便
      • drier.find_element_by_id，如果获取到多个，返回多个中的第一个。
      • drier.find_elements_by_id，以列表的形式返回元素，无论元素是否唯一。
    • 根据class属性定位
      • drier.find_element_by_class_name，如果具有class属性的元素有多个，返回多个中的第一个。
      • drier.find_elements_by_class_name，以列表的形式返回元素，无论元素是否唯一。
    • 根据tag name定位，直接根据标签名字定位，在某些情况下也是十分方便
      • drier.find_element_by_tag_name，如果获取到多个，返回多个中的第一个。
      • drier.find_elements_by_tag_name，以列表的形式返回元素，无论元素是否唯一。
    • 根据name属性定位，常用在对input框做做操作
      • drier.find_element_by_name，如果获取到多个，返回多个中的第一个。
      • drier.find_elements_by_name，以列表的形式返回元素，无论元素是否唯一。
    • 根据link text定位，专门用来定位超链接，只不过情况有些特殊，一个就是完全匹配超链接的内容进行定位，另一种是模糊定位，也就是超链接的内容包含指定文本即可定位到
      • find_element_by_link_text，绝对定位，如果获取到多个，返回多个中的第一个
      • drier.find_elements_by_link_text，绝对定位，以列表的形式返回元素，无论元素是否唯一。
      • drier.find_element_by_partial_link_text，模糊定位，如果获取到多个，返回多个中的第一个
      • drier.find_elements_by_partial_link_text，模糊定位，以列表的形式返回元素，无论元素是否唯一。
    • 根据xpath定位，这个也不用多少了，非常的灵活方便，只不过需要一点基础
      • drier.find_element_by_xpath，如果获取到多个，返回多个中的第一个
      • drier.find_elements_by_xpath，以列表的形式返回元素，无论元素是否唯一。
    • css selector定位，这个是官方推荐的定位方式，定位方式灵活，但是需要一点前端css基础
      • drier.find_element_by_css_selector，如果获取到多个，返回多个中的第一个
      • drier.find_elements_by_css_selector，以列表的形式返回元素，无论元素是否唯一。
    • By选择器，严格意义上来说，这不是一种定位方式，而是上面几种定位方式的一种封装形式，用起来相对顺手

    个人认为，这里比较难的定位方式是xpath和css selector这两种定位方式，不过凡事经不起干，多练练就行了。
    后续示例以百度搜搜主页为例，围绕着输入框和确定按钮来搞。
    img

    根据id定位

    Copyimport time
from selenium import webdriver
drier = webdriver.Chrome()
drier.implicitly_wait(time_to_wait=10)
url = 'https://www.baidu.com'
drier.get(url)
drier.find_element_by_id("kw").send_keys(text)

    image-20201025223054882

    根据class属性定位

    Copyimport time
from selenium import webdriver
drier = webdriver.Chrome()
drier.implicitly_wait(time_to_wait=10)

url = 'https://www.baidu.com'

drier.find_element_by_class_name("s_ipt").send_keys(text)
drier.find_elements_by_class_name('s_btn')[0].click()

    image-20201025223112504

    根据tag name定位

    Copyimport time
from selenium import webdriver
drier = webdriver.Chrome()
drier.implicitly_wait(time_to_wait=10)
url = 'https://www.baidu.com'
drier.get(url)

# 获取form标签的id属性
form = drier.find_element_by_tag_name('form').get_attribute('id')
print(form)  # form
# input框有多个，所以，要加 s ，并且需要自己去从返回的多个中去判断你选择的input的索引位置，所以，这里这么用有些麻烦 记住索引从1开始
ipt = drier.find_elements_by_tag_name("input")
ipt[7].send_keys(text)

# 这里说另一种思路，你可以先定位指定标签的父标签，然后通过父标签点位其内的子标签
span = drier.find_element_by_class_name("s_btn_wr")  # 先定位到确定标签的父级标签 span
# 然后再找其内的input标签，当然，这种情况用id定位不香嘛
span.find_element_by_tag_name('input').click()

    image-20201025223322574

    根据name属性定位

    Copyimport time
from selenium import webdriver

drier = webdriver.Chrome()
drier.implicitly_wait(time_to_wait=10)

url = 'https://www.baidu.com'
drier.get(url)
drier.find_element_by_name('wd').send_keys(text)
time.sleep(2)
drier.find_elements_by_name("wd")[0].clear()

    image-20201025223534180

    根据link text定位

    Copyimport time
from selenium import webdriver

drier = webdriver.Chrome()
drier.implicitly_wait(time_to_wait=10)

text = '彭志强 - 博客园'
url = 'https://www.baidu.com'
drier.get(url)

try:
    drier.find_element_by_id('kw').send_keys(text)
    drier.find_element_by_id('su').click()

    # 绝对定位
    # drier.find_element_by_link_text(text).click()
    # drier.find_elements_by_link_text(text)[0].click()  # 复数形式

    # 模糊定位
    # drier.find_element_by_partial_link_text('彭志强 - 博').click()
    drier.find_elements_by_partial_link_text('彭志强 - 博')[0].click()  # 复数形式

except Exception as e:
    print(e)
finally:
    time.sleep(5)
    drier.quit()

    image-20201025223648359

    根据xpath定位

    绝对定位

    绝对定位.以开头，父/ 子
/html/body/div[2]/div[3]/div/div/div[2]/div[3]/i[1]继承顺序、 兄弟位置顺序
//*[@id= "number-attend"]/div[2]/div[3]/i[1]
//div[pid= "number -attend "]//i[@cLass="ing"I

    相对定位

    包含

    1. //标签名[@届性=值]
	//i[@class="ing"]
2、文本匹配配 /标签名[text(如=值]
	//a[text()="公告”]
3.包含 //标签名[contains(@属性/text(),值)]
	//a[contains(@href, "/Notify/index/courseid/")]
	//a[contains(text(),"公告")]

    轴运算:

    ancestor:祖先结点包括父
parent:父结点给g
preceding:当前元素节点标签之前的所有结点。(html页面先后顺序)
preceding-sibling:当前元素节点标签之前的所有兄弟结点
following:当前元素节点标签之后的所有结点。(html页 面先后顺序)
following-sibling:当前元素节点标签之后的所有兄弟结点
使用语法:
	已知的元素/轴名称::标签名称[@属性=值]
	例: /

    css selector

    Css Selector是我最喜欢的元素定位方法，Selenium官网的Document里极力推荐使用CSS Selector，而不是XPath来定位元素，原因是CSS Selector比XPath Selector速度快，特别是在IE下面（IE没有自己的XPath 解析器(Parser)）它比xpath更高效更准确更易编写，美中不足是根据页面文字时略有缺陷没有xpath直接。

    因为前端开发人员就是用CSS Selector设置页面上每一个元素的样式，无论那个元素的位置有多复杂，他们能定位到，那我们使用CSS Selector肯定也能非常精准的定位到页面Elements。
    来看常用的定位方式。
    根据tag name定位

    Copyimport time
from selenium import webdriver

drier = webdriver.Chrome()
drier.implicitly_wait(time_to_wait=10)

text = '听雨危楼 - 博客园'
url = 'https://www.baidu.com'
drier.get(url)

try:
    form = drier.find_element_by_css_selector("form").tag_name
    print(form)  # form
except Exception as e:
    print(e)
finally:
    time.sleep(5)
    drier.quit()

    根据id定位

    Copyimport time
from selenium import webdriver

drier = webdriver.Chrome()
drier.implicitly_wait(time_to_wait=10)

text = '听雨危楼 - 博客园'
url = 'https://www.baidu.com'
drier.get(url)

try:
    # 直接根据id定位
    drier.find_element_by_css_selector("#kw").send_keys(text)
    # 通过标签加id的形式定位
    drier.find_element_by_css_selector('input#su').click()

except Exception as e:
    print(e)
finally:
    time.sleep(5)
    drier.quit()

    根据class定位

    Copyimport time
from selenium import webdriver

drier = webdriver.Chrome()
drier.implicitly_wait(time_to_wait=10)

text = '听雨危楼 - 博客园'
url = 'https://www.baidu.com'
drier.get(url)

try:
    # 直接根据clas定位
    drier.find_element_by_css_selector(".s_ipt").send_keys(text)
    # 标签加class 
    drier.find_element_by_css_selector('input.s_btn').click()
    # 多class属性定位    
    # drier.find_element_by_css_selector('.bg.s_btn').click()  # class1 class2
    # drier.find_element_by_css_selector('input.bg.s_btn').click()  # input加多属性
except Exception as e:
    print(e)
finally:
    time.sleep(5)
    drier.quit()

    根据元素属性定位

    Copyimport time
from selenium import webdriver

drier = webdriver.Chrome()
drier.implicitly_wait(time_to_wait=10)

text = '听雨危楼 - 博客园'
url = 'https://www.baidu.com'
drier.get(url)

try:

    # 精准匹配
    # drier.find_element_by_css_selector('input[name=wd]').send_keys(text)  # 属性名=属性值
    # drier.find_element_by_css_selector('input[type="submit"][value="百度一下"]').click()  # 多属性

    # 模糊匹配(正则表达式匹配)
    drier.find_element_by_css_selector('input[id ^="k"]').send_keys(text)  # ^=  匹配以 k 开头的id
    # drier.find_element_by_css_selector('input[id $="w"]').send_keys(text)  # $=  匹配以 w 结尾的id
    drier.find_element_by_css_selector('input[value *="度一"]').click()  # *=  匹配 value 值的中间部分

except Exception as e:
    print(e)
finally:
    time.sleep(5)
    drier.quit()

    更多正则的匹配：

    • E[attr]：只使用属性名，但没有确定任何属性值；
    • E[attr="value"]：指定属性名，并指定了该属性的属性值；
    • E[attr~="value"]：指定属性名，并且具有属性值，此属性值是一个词列表，并且以空格隔开，其中词列表中包含了一个value词，而且等号前面的“〜”不能不写；
    • E[attr^="value"]：指定了属性名，并且有属性值，属性值是以value开头的；
    • E[attr$="value"]：指定了属性名，并且有属性值，而且属性值是以value结束的；
    • E[attr*="value"]：指定了属性名，并且有属性值，而且属值中包含了value；
    • E[attr|="value"]：指定了属性名，并且属性值是value或者以“value-”开头的值（比如说zh-cn）;

    查询子标签

    Copyimport time
from selenium import webdriver

drier = webdriver.Chrome()
drier.implicitly_wait(time_to_wait=10)

text = '听雨危楼 - 博客园'
url = 'https://www.baidu.com'
drier.get(url)

try:
    # 匹配子元素， A>B
    # drier.find_element_by_css_selector('form>span>input').send_keys(text)

    # 匹配后代元素， A空格B
    # drier.find_element_by_css_selector('form span input').send_keys(text)

    # 匹配第一个后代元素
    # print(drier.find_element_by_css_selector('form :first-child').get_attribute('name')) # 返回form表单中隐藏的第一个input标签
    # print(drier.find_element_by_css_selector('form span:first-child').get_attribute('class')) # 返回form表单中第一个span标签中的第一个子元素

    # 根据索引匹配元素
    # print(drier.find_element_by_css_selector('form :nth-child(2)').get_attribute('name')) # 返回form表单中第=二个input标签
    
    # 匹配兄弟标签
    print(drier.find_element_by_css_selector('form :nth-child(2)+input').get_attribute('name')) # 先定位到a，根据a匹配临近的b

except Exception as e:
    print(e)
finally:
    time.sleep(5)
    drier.quit()

    By选择器

    By选择将上面繁琐的元素定位封装了起来，这样使用起来较为方便，只是在使用By选择器前要导入：

    Copyfrom selenium.webdriver.common.by import By

    用法如下，非常简单：

    Copyimport time
from selenium import webdriver
from selenium.webdriver.common.by import By

drier = webdriver.Chrome()
drier.implicitly_wait(time_to_wait=10)

text = '听雨危楼 - 博客园'
url = 'https://www.baidu.com'
drier.get(url)

try:
    drier.find_element(By.ID, 'kw').send_keys(text)
    drier.find_element(By.CLASS_NAME, 's_btn').click()
except Exception as e:
    print(e)
finally:
    time.sleep(5)
    drier.quit()

    你可以直接：

    CopyBy.ID
By.CLASS_NAME
By.CSS_SELECTOR
By.TAG_NAME
By.NAME
By.PARTIAL_LINK_TEXT
By.LINK_TEXT
By.XPATH

    简单吧！
  • 相关阅读:
    iOS核心动画高级技巧之核心动画(三)
    iOS核心动画高级技巧之图层变换和专用图层(二)
    iOS核心动画高级技巧之CALayer(一)
    Swift高级语法学习总结
    Swift基础语法学习总结
    Swift语法总结补充(一)
    【思图佳预约（一）】在做预约挂号小程序时，text标签出现一截多余的空白？
    【随笔】清除浮动float的几种办法
    ----原生js实现飞机大战小游戏<第二篇>----@半城言沙
    ----原生js实现飞机大战小游戏<第一篇>----@半城言沙
  • 原文地址：https://www.cnblogs.com/saoqiang/p/13875837.html
Copyright © 2011-2022 走看看