python使用元素定位获取浏览器td文本 python网页元素定位

转载

mob64ca1418aeab 2023-09-04 17:36:19

文章标签 python selenium 元素定位 html css 文章分类 Python 后端开发

1.selenium简介

Selenium是一个用于Web应用程序测试的工具。Selenium是直接运行在浏览器中，模拟用户操作web界面。支持多平台：windows、linux、MAC ，支持多浏览器：ie、firefox、chrome等浏览器。

2. 启动浏览器

# 导入webdriver模块
from selenium import webdriver 
# 创建driver对象，指定Chrome浏览器 
driver = webdriver.Chrome() 
# 创建driver对象，指定Firefox浏览器 
driver = webdriver.Firefox() 
# 创建driver对象，指定ie浏览器 
driver = webdriver.Ie()

3. 元素定位

为了方便我们查找到相应的元素位置，selenium中的webdriver提供了几种元素定位方式。常用的有以下8种元素定位方式：

find_element_by_id()

find_element_by_name()

find_element_by_class_name()

find_element_by_tag_name()

find_element_by_link_text()

find_element_by_partial_link_text()

find_element_by_xpath()

find_element_by_css_selector()

3.1 id和name定位

id和name是我们常用的元素定位方法，在大多数情况下，开发人员为了区分不同的控件，使其取的名称有意义，一般都会使用id和name这两个属性。

比如这两个html代码：

<input type="text" id="username" user="用户名" class="center_font"> 
<input type="password" name="password" size="19" pass="密码">

利用html代码中的id和name属性对元素进行定位：

通过id=”username”来定位： 

driver.find_element_by_id("username") 

通过name=”password”来定位：

find_element_by_name("password")

3.1.1 tag name和class name定位

开发人员除了用id和name两个元素外，还会使用class name和tag name 这样的属性

<div id="search" class="search" style="margin-top:2px">

<form id="t" onsubmit=" returnname="s" method="GET" action="/search">

<input id="kw" class="kw" type="text" name="word" autocomplete="off">

（1）通过元素中带的class属性对元素进行定位：

通过class=”search”来定位：

find_element_by_class_name("search")

通过class=”kw”来定位：

find_element_by_class_name("kw")

（2）通过tag标签名对元素进行定位：

通过<div>来定位：

find_element_by_tag_name("div")

通过<form>来定位：

find_element_by_tag_name("form")

通过<input>来定位：

find_element_by_tag_name("input")

tag name由于出现的次数太多了，所以一般不用这个来定位元素。

3.1.2 link text与partial link text定位

有时候需要操作的元素是一个文字链接，那么我们可以通过link text或partial link text进行元素定位。

<ahref="http://news.rich.com" name="ts_news">新闻</a> 

<ahref="http://tieba.rich.com"name="ts_tieba">贴吧</a> 

<ahref="http://zhidao.rich.com"name="ts_zhidao">知道</a>

（1）通过link text定位元素：

find_element_by_link_text("新闻")

find_element_by_link_text("贴吧")

find_element_by_link_text("知道")

（2）通过partial link text来定位：

find_element_by_partial_link_text("新")

find_element_by_partial_link_text("吧")

find_element_by_partial_link_text("知")

对比：这两种定位方式都是通过文字链接来获取所需的元素位置，一般页面上是不会出现两个相同的链接，这种方式也是一种比较简单的定位方式。

3.1.3 XPath定位

XPath是一种在XML文档中定位元素的语言。xpath定位可分为绝对路径定位和相对路径定位。

以一个层级关系页面定位为例：

<html xmlns="http://www.zn.com/xhtml" lang="zh-cn"> 
    <body> 
    <div id="operate_zn" class="zn" style="width: 64px;" title="">
     <a href="javascript:void(0)" class="zn-single" tabindex="-1">
     <span>or</span>
     </a> 
        <div class="zn-drop" style="left: -9000px; width: 62px; top: 0px;">
             <div class="zn-search" style="">
                <input id="input" type="text" name="operate_zn" autocomplete="off" style="width: 27px;">             
             </div> 
        </div> 
       </div> 
    </body> 
</html>

比如我们要定位输入框input中的元素：

（1）通过绝对路径来定位:

find_element_by_xpath("/html/body/div/div/div/input")

（2）通过相对路径来定位:

通过自身的id属性定位：

find_element_by_xpath("//input[@id=’input’]")

通过上级目录的id属性定位：

find_element_by_xpath("//div[@id=’operate_zn’]/div/div/input")

对比：当我们很难定位到一个元素时，就可以选择绝对路径和相对路径的方式进行定位，但是绝对路径有一个缺点，就是当元素在很多级目录下时，我们要写很长的路径，而且一旦路径变化，就要修改代码，不利于代码的维护。

3.1.4 CSS定位

CSS定位是一种比较灵活获取控件位置的方式，一般情况下定位速度要比XPath快。CSS使用选择器来为页面元素绑定属性，这些选择器可以被selenium用作另外的定位策略。

CSS选择器常见语法：

python使用元素定位获取浏览器td文本 python网页元素定位_selenium

以这个html代码为例：

<input id="kw" class="s_ipt" type="text" autocomplete="off" maxlength="100" name="wd"/>

（1）以#号表示id的属性：

find_element_by_css_selector("#kw")

（2）以.号表示class的属性：

find_element_by_css_selector(".s_ipt")

（3）以层级关系来定位属性：

find_element_by_css_selector("form#form>span>input")

这里就举了三个类型，css定位方式比较多，如果有需要的话，可以继续深入学习