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() 超链接内容定位,元素内容
    如 <a href="#">xxx </a>,则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地址

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

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

xpath定位-函数和逻辑
image.png
轴定位
image.png

image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容