ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

selenium---Css定位方法

2020-07-01 16:36:47  阅读:346  来源: 互联网

标签:定位 webdriver selenium 元素 driver element Css


  我们继续研究定位方法,还是那一句话,定位方法不会,就没有办法进行代码点点点。上一篇介绍了XPath的方法,这一篇介绍一些Css,Css相比与XPath来说,更加复杂点,但是Css定位速度比XPath方法要快,书写更加简单。

Css

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS选择器可以较为灵活地选择控件的任意属性,一般情况下,CSS定位速度比XPath定位速度快。

Css学习文档:https://www.w3school.com.cn/cssref/css_selectors.asp

Css选择器常用语法

选择器例子例子描述
.class .intro 选择 class="intro" 的所有元素。
#id #firstname 选择 id="firstname" 的所有元素。
* * 选择所有元素。
element p 选择所有 <p> 元素。
element,element div,p 选择所有 <div> 元素和所有 <p> 元素。
element element div p 选择 <div> 元素内部的所有 <p> 元素。
element>element div>p 选择父元素为 <div> 元素的所有 <p> 元素。
element+element div+p 选择紧接在 <div> 元素之后的所有 <p> 元素。
[attribute] [target] 选择带有 target 属性所有元素。
[attribute=value] [target=_blank] 选择 target="_blank" 的所有元素。
[attribute~=value] [title~=flower] 选择 title 属性包含单词 "flower" 的所有元素。
[attribute|=value] [lang|=en] 选择 lang 属性值以 "en" 开头的所有元素。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Css实例定位

1、通过Class定位

Class定位通过.来进行表示

# coding:utf-8
from selenium import webdriver
driver = webdriver.Chrome()
driver.get('https://www.baidu.com/')
# 通过Css中的class定位
driver.find_element_by_css_selector('.s_ipt').send_keys('测试-安静博客园')

2、通过id定位

Id定位通过#来表示

# coding:utf-8
from selenium import webdriver
driver = webdriver.Chrome()
driver.get('https://www.baidu.com/')
# 通过id定位,id通过#表示
driver.find_element_by_css_selector('#kw').send_keys('测试-安静博客园')

3、通过标签名

Css中可以直接通过标签名进行匹配

# coding:utf-8
from selenium import webdriver
driver = webdriver.Chrome()
driver.get('https://www.baidu.com/')
# 通过标签名定位
driver.find_element_by_css_selector('input')

4、通过属性来定位

# coding:utf-8
from selenium import webdriver
driver = webdriver.Chrome()
driver.get('https://www.baidu.com/')
# 通过属性定位
driver.find_element_by_css_selector('[autocomplete="off"]').send_keys('测试-安静博客园')
# 通过name属性定位
# driver.find_element_by_css_selector('[name="wd"]').send_keys('测试-安静博客园')

5、通过组合形式进行定位

通过父级或者爷爷级别进行定位

# coding:utf-8
from selenium import webdriver
driver = webdriver.Chrome()
driver.get('https://www.baidu.com/')
# 通过父级组合形式
driver.find_element_by_css_selector('span > input#kw').send_keys('测试-安静博客园')
# 通过元素形式
# driver.find_element_by_css_selector('input#kw').send)keys('测试-安静博客园')

6、通过包含元素内容定位

这里比如class中以s_ipt开头的

# coding:utf-8
from selenium import webdriver
driver = webdriver.Chrome()
driver.get('https://www.baidu.com/')
# 查看已元素内容开头
driver.find_element_by_css_selector("[class^='s_ipt']").send_keys('测试-安静博客园')

7、 通过以元素结尾内容定位

# coding:utf-8
from selenium import webdriver
driver = webdriver.Chrome()
driver.get('https://www.baidu.com/')
# 查看kw元素结尾定位
driver.find_element_by_css_selector("[id$='kw']").send_keys('测试-安静博客园')

更多的定位方法可以查看官方文档或者在网上查看一些教程,安静只是列出了一些安静常用到的定位方法。

 

 

还是老话,定位方法比较多,个人进行对比,那种适合自己就选择那种,定位方法学不会,自动化就没有办法进行开展。

标签:定位,webdriver,selenium,元素,driver,element,Css
来源: https://www.cnblogs.com/qican/p/13202501.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有