selenium网页元素之定位

1 .selenium之定位网页元素技巧

    简介：使用selenium定位网页元素

find_element_by_id,find_element_by_name,find_element_by_class_name

开启浏览器
browser = webdriver.Firefox() 开启火狐浏览器
打开网页
browser.get("http://baidu.com")
使用python判断是否正确
browser.title 或者browser.current_url
定位元素的8种方法
id： find_element_by_id() 采用id属性进行定位
name： find_element_by_name() 定位方式和id定位相似，id、name和class一般在网页都至少会有其中的一种
class name： find_element_by_class_name() 定位方式和id定位相似，id、name和class一般在网页都至少会有其中的一种
定位到元素后的方法
clear() //清空
send_keys() // 输入
back() //后退页面
maximize_window() // 最大化窗口
click() //点击事件，点击按钮，超链接
submit() //提交表单
get_attribute(x)//查看x的属性值
定位到元素后的属性
tag_name //标签名
text //文本内容
tag name：find_element_by_tag_name() 通过标签名去定位，用的少，如find_element_by_tag_name("div")

link text： find_element_by_link_text() 超链接内容定位，元素内容
如 xxx ，则find_element_by_link_text("xxx")
partial link text：find_element_by_partial_link_text() 超链接内容定位，模糊匹配，和上面类似

from selenium import webdriver
import time

#拿到一辆小汽车driver
driver = webdriver.Firefox()
#跳转网页
driver.get("http://www.baidu.com")
print(driver.title)
#定位到输入框，在输入框输入内容
driver.find_element_by_id("kw").send_keys("小D课堂")
#选中按钮，触发点击事件
driver.find_element_by_id("su").click()

网页元素之CSS定位

简介：讲解使用css定位网页元素

1、css selector：find_element_by_css_selector()
根据CSS属性定位，一般class是用.标记，id是用#标记，定位方式也会比xpath快

如 find_element_by_css_selector('input[id='search']') // 规则: 元素[属性=值]

技巧：通过firebug的拷贝css路径
路径：审查元素-》右键-》复制-》css选择器

from selenium import webdriver
import time
#拿到一辆小汽车driver
driver = webdriver.Firefox()
#跳转网页
driver.get("https://xdclass.net")
print(driver.title)
time.sleep(3)

driver.find_element_by_css_selector(".hotcourse > div:nth-child(2) > a:nth-child(1) > div:nth-child(1) > img:nth-child(2)").click()

selenium实战定位网页元素之xpath定位

简介：讲解使用xpath定位网页元素

1、xpath语法：http://www.w3school.com.cn/xpath/xpath_syntax.asp
注意： ”//“ 是全部的意思，即全文扫描， ”/“ 的相邻的意思, *是所有元素， ”..“是元素的父节点, "."是当前节点
2、xpath ：find_element_by_xpath()xpath是XML路径语言，通过元素的路径来完成对元素的查找，HTML就是XML的一种实现方式，在FriePath插件里copy对应的xpath地址

绝对路径定位：从标签开始依次往下进行查找，不建议，如果页面变化，代码变化也很大。

相对路径：利用元素属性来进行xpath定位
//input[@name="phone" and @datatype="m"]
input标签下通过两个属性来定位。
技巧：通过firebug的拷贝css路径

xpath定位-函数和逻辑

image.png

轴定位