Xpath

Xpath

什么是Xpath

• 解析XML的一种语言，广泛用于解析HTML数据

HTML是XML的子级

• 几乎所有语言都能使用Xpath

• 除了Xpath还有其他手段用于XML解析，如：BeautifulSoup、lxxml、SAX等等

使用Xpath的三种方法

插件

开发者工具Console

开发者工具Elements

Xpath语法选取数据逻辑

节点选取

根据标签的特点进行选取

全局节点

节点下的节点

某个属性节点

Xpath谓词

[k] 表示当前位置下的第k个标签；索引值从1开始与编程语言中数组计数不同

Xpath通配符

选取多个路径

//meta|title   ->>   选择所有的meta和title,将meta或title标签显示出来

Xpath表达式总结

• 标签定位
• 最左侧的/:必须要从根标签开始逐层的定位目标标签
• 非最左侧的/:表示一个层级
• 最左侧的//:可以从任意位置定义目标标签

元素无法定位的原因

• 元素没有加载完成

• 元素在iframe或者frame框架里面

• 元素不可用(disabled)，只读、不可编辑(readonly)，不可见(hidden,style="disable:none;")

• 动态属性或者动态的DIV层 即动态的显示与隐藏 style='display:none'

使用

from selenium.webdriver.common.by import By
driver.find_element(By.XPATH, ‘路径’)

1. 强制等待

• time.sleep(2) 启动2秒后关闭，较为死板写多少秒等多少秒

1. 隐式等待

• driver.implicitly_wait(10) 不是等待10秒而是元素启动完成后停止，10可换成任意大于0的数
只能判断元素是否存在不能判断元素是否出现，具体等待多少秒由elenium决定无法人工决定

1. 显示等待

• 实例化WebDriver对象。10表示最长等待时间,定位成功后关闭。可以自定义等待时机判断成功或失败

target_area = WebDriverWait(driver,10).until(
    lambda _:driver.find_element(By.XPATH, "//form/span/input")
)

绝对路径

from selenium import webdriver
from selenium.webdriver.common.by import By
#不自动关闭浏览器
global driver
#打开浏览器
driver=webdriver.Chrome()
#加载网页
driver.get("http://www.baidu.com")
#绝对路劲定位百度搜索输入框
driver.find_element(By.XPATH, "/html/body/div[1]/div[1]/div[5]/div/div/form/span[1]/input")
driver.quit() #退出浏览器

相对路径

from selenium import webdriver
from selenium.webdriver.common.by import By
import time
driver = webdriver.Chrome()
driver.get("https://www.baidu.com/")
target_area = driver.find_element(By.XPATH, "//form/span/input")
target_area.send_keys('Xpath')
time.sleep(2)

print(target_area.get_attribute("value"))
#输出 Xpath验证成功

target_area.screenshot('target_area.png')

相对路径+索引定位

driver.find_element(By.XPATH, "//form/span[1]/input")

相对路径+属性定位

• 通过唯一属性值定位

• 通过同时匹配多个属性值定位 多个属性值之间使用and/or

#匹配<input id="kw" name="wd">
driver.find_element(By.XPATH, "//input[@id='kw'] and @name='wd'")

driver.find_element(By.XPATH."//form[@*='form' and @name='f']/span[1]/input")

• contains(@属性名,属性值) 模糊匹配属性值

• substring(@属性，k) k为开始截取的下标 截取属性值以什么结尾

• starts-with(@属性名，属性值) 属性值以什么开头 半模糊匹配

#匹配<input autocomplete="off">
driver.find_element(By.XPATH,"//input[contains(@autocomplete,'ff')]")

#匹配<input class="s_ipt">
driver.find_element(By.XPATH,"//input[substring(@class,3)='ipt']")
driver.find_element(By.XPATH,"//input[starts-with(@class,'s')]")

相对路劲+文本定位

driver.find_element(By.XPATH,"//div[@id='s-top-left']/a[text()='新闻']").click()

driver.find_element(By.PARTIAL_LINK_TEXT,"新闻").click

target_area = driver.find_element(By.XPATH, "//span[text()='设置']")
value = target_area.get_attribute('class')
print(value)

//a[starts-with(text(),"新")]

target_area = driver.find_element(By.XPATH, "//span[text()='设置']")
print(target_area.tag_name)
#输出span

target_area = driver.find_element(By.XPATH, "//span[text()='设置']")
print(target_area.rect)
#输出{'height': 23, 'width': 26, 'x': 1120, 'y': 19}

自动化

什么是自动化

Selenium 关键字驱动类实现：

from selenium import webdriver
from time import sleep
def open_browser(type_):#通过type_值考虑传入不同的对象从而实现多浏览器支持
    #if type_ == 'Chrome':
        #driver = webdriver.Chrome()
    #elif type_ == 'ie':
        #driver = webdriver.Ie()
    #else:
        #driver = webdriver.Firefox()
    try:
        driver = getattr(webdriver,type_)()
    except Exception as e:
        driver = webdriver.Chrome()
    return driver
class Key:
    #driver = webdriver.Chrome()
    #实例化Key对象
    def __init__(self,type_ ):
        self.driver = open_browser(type_)
        self.driver.implicitly_wait(10)
    def open(self,url):
        self.driver.get(url)
    #元素定位
    def locate(self,name,value):
        return self.driver.find_element(name,value)
    #input
    def input(self,name,value,txt):
        self.location(name,value).send_keys(txt)
    #click
    def click(self,name.value):
    	self.locate(name,value).click()
    #sleep
    def sleep(self,time_):
        sleep(time_)
    #quit
    def quit(self):
        self.driver.quit()

from *** import Key #导入↑封装的函数
Key = Key('Chrome')
key.open('http://www.baidu.com')
key.input('id','kw','Xpath')
key.click('id','su')
key.sleep(3)
key.quit()
#实现效果与前文演示效果一致，但代码更简洁规范

import unittest
from *** import Key
class Case(unittest.TestCase):
    #用例前置
    def setUp(self) -> None:
        self.key = Key('Chrome')
    #用例后置
    def tearDown(self) -> None:
        self.key.quit()
    #测试用例1
    def testOne(self):
		self.key.open('http://www.baidu.com')
		self.key.input('id','kw','Xpath')
		self.key.click('id','su')
		self.key.sleep(3)
		#key.quit()
    #测试用例2
    def testTwo(self):
		self.key.open('http://www.zhihu.com')
if __name__ == '__main__':
    unittest.main()

pom设计模式

1. 写出元素定位表达式

2. 写出合适等待方式

3. 维护各个元素的定位表达

• 类表示页面

• 类属性表示页面中的元素

• 类的方法表示对页面的操作

from webdeiver_helper.pom import *
class BeiFanPage(BasePage):
    pass