前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Python+Selenium笔记(六):元素定位

Python+Selenium笔记(六):元素定位

作者头像
free赖权华
发布2018-04-27 18:10:36
2.7K0
发布2018-04-27 18:10:36
举报
文章被收录于专栏:赖权华的笔记赖权华的笔记

(一)  前言

Web应用以及包含超文本标记语言(HTML)、层叠样式表(CSS)、JS脚本的WEB页面,基于用户的操作(例如点击提交按钮),浏览器向WEB服务器发送请求,WEB服务器响应请求,返回给浏览器HTML及相关的JS、CSS、图片等资源,浏览器使用这些资源生成WEB页面,其中包含WEB各种视觉元素,例如文本框、按钮、标签、图标、复选框、下拉框、图片等,这些视觉元素或控件都被Selenium称为页面元素(webelements)。

想要让Selenium执行我们想要的操作,首先必须让Selenium识别需要操作的元素,就像人通过眼睛去识别一样,Selenium通过定位元素的方法去识别页面元素,可以通过ID、

name、class属性定位,以及Xpth和CSS选择器定位,或者直接通过文本进行定位。

(二)  使用谷歌检查页面元素(根据自己的使用习惯选择浏览器)

(1)   单击鼠标右键,选择“检查”。

(2)   需要使用Xpth或CSS选择器时,可以在Elements窗口,Ctrl+F打开搜索框,在搜索框中输入Xpth或CSS表达式,匹配的元素会高亮显示(黄色部分),如果有多个匹配,搜索框的右侧会显示匹配数量。

(三)  元素定位

代码语言:javascript
复制
就如人工操作时,输入查询条件,然后点击【查询】按钮,前提是首先要知道这个是搜索框,这个是【查询】按钮一样,Selenium在执行功能操作之前,也要先识别这些元素。下面是Selenium提供的8种find_element_by 方法,用于定位页面元素。

方法

简单说明

find_element_by_id()

通过页面元素的id来定位

find_element_by_name()

通过页面元素的name来定位

find_element_by_class_name()

通过页面元素的class名来定位

find_element_by_tag_name()

通过页面元素的tag name(标签名称)来定位 例如:find_element_by_tag_name('input')

find_element_by_xpath()

通过Xpth来定位

find_element_by_css_selector()

通过CSS选择器来定位 例如:find_element_by_css_selector('#zzk_q')

find_element_by_link_text()

通过元素标签对之间的文本来定位 例如:find_element_by_link_text('园子')

find_element_by_partial_link_text()

通过元素标签对之间的部分文本来定位 例如:find_element_by_partial_link_text('ET技术')

代码语言:javascript
复制

(1)   如果加s(find_elements_by),就是返回一个列表(一组元素),不加的话就是返回一个元素,如果找不到元素就会抛出NoSuchElementException异常。

(2)   也可以用find_element(By.ID,'')这种写法,使用这种方式要先导入By模块

from selenium.webdriver.common.by import By

(3)   要使用CSS选择器,可以参考jquery 语法关于选择器的那部分

http://www.runoob.com/jquery/jquery-selectors.html

注:另外比较特殊的是class属性,class属性有空格时,空格并不是一般认识中的空格符号,而是代表这个标签有多个class名,定位的时候使用第一个名称,或者不同名称之间用.分开就行了。

例如:淘宝首页这个标签<div class="promo J_Promo tb-loading"></div>,可以用div.promo 或 div.promo.J_Promo 或 div.promo.J_Promo.tb-loading 定位

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018-02-12 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档