如果你还想从头学起Selenium，可以看看这个系列的文章哦！

https://www.cnblogs.com/poloyy/category/1680176.html

其次，如果你不懂前端基础知识，需要自己去补充哦，博主暂时没有总结（虽然我也会，所以我学selenium就不用复习前端了哈哈哈...）

安装Selenium和下载Driver

安装selenium

pip3 install  selenium -i http://pypi.douban.com/simple --trusted-host pypi.douban.com

下载Driver

打开：http://npm.taobao.org/mirrors/chromedriver/

找到自己Chrome对应的版本下载即可

访问百度的小Demo

#!/usr/bin/env python

# -*- coding: utf-8 -*-

"""

__title__  =

__Time__   = 2020/3/25 17:00

__Author__ = 小菠萝测试笔记

__Blog__   = https://www.cnblogs.com/poloyy/

"""

import time

from selenium import webdriver

# 加载浏览器驱动

driver = webdriver.Chrome("../resources/chromedriver.exe")

# 访问网址

driver.get("http://www.baidu.com")

# 找到搜索框

inputElement = driver.find_element_by_id("kw")

# 输入搜索内容

inputElement.send_keys("小菠萝测试笔记")

# 找到搜索按钮

searchElement = driver.find_element_by_id("su")

# 点击搜索按钮

searchElement.click()

time.sleep(5)

# 释放资源, 退出浏览器

driver.quit()

可以看到，流水账式写Web自动化测试代码的顺序就是：

加载驱动 - 访问链接 - 页面操作

首先，先将一个测试html保存到本地，后续案例就按照这个页面来演示啦！

代码如下：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>小菠萝测试笔记</title>

</head>

<body>

<a>用户名:</a>

<input id="username" class="username">

<a>密码</a>

<input id="password" name="password">

<button class="login">登录</button>

<br>

<p>测试啦</p>

<p>再一次测试啦</p>

<br>

<a href="https://voice.baidu.com/act/newpneumonia/newpneumonia/?from=osari_pc_1" target="_blank" id="virus-202s0"

   class="mnav sp dot">终极抗击肺炎啊</a>

<a href="https://voice.baidu.com/act/newpneumonia/newpneumonia/?from=osari_pc_1" target="_blank" id="virus-2020"

   class="mnav sp dot">抗击肺炎</a>

<a href="https://voice.baidu.com/act/newpneumonia/newpneumonia/?from=osari_pc_1" target="_blank" id="virus-202s0"

   class="mnav sp dot">抗击肺炎</a>

<div>

    <ul>

        <li class="li">111</li>

        <li class="li">222</li>

        <li class="li">333</li>

    </ul>

    <ul>

        <li>aaa</li>

        <li>bbb</li>

        <li>ccc</li>

    </ul>

</div>

</body>

</html>

辣么，我们接下来就说下有哪些元素定位的方式呢

方式一：通过元素的id

# 找到id = username的元素

username = driver.find_element_by_id("username")

# 输入值 张三

username.send_keys("张三")

# 找到od = password的元素

password = driver.find_element_by_id("password")

# 输入值 123

password.send_keys("")

知识点

在前端，一般一个id值是唯一的，只属于一个元素

方式二：通过元素的class

# =====通过 元素Class查找（仅返回匹配到的第一个）

login_btn = driver.find_element_by_class_name("login")

# 点击

login_btn.click()

知识点

  • 在前端，一般多个元素共用一个class
  • 但 find_element_by_class_name 只返回第一个匹配到class的元素
  • 坏处：当找不到元素则报错
  • 如果想返回所有匹配到class的元素，可看下面代码
# =====找到所有class=li的元素

lis = driver.find_elements_by_class_name("li")

for i in lis:

    print(i.text)

执行结果

111

222

333

知识点

  • 返回的是一个元素列表，若只匹配到一个也是列表
  • 好处：当没有找到元素时不会报错，而是返回空列表 []

方式三：通过元素的name

# =====通过 元素name查找元素（仅返回匹配到的第一个）

password = driver.find_element_by_name("password")

# =====输入值 123

password.send_keys("")

知识点

  • 和class一样，也有可能有多个元素共用一个name
  • 但  find_element_by_name  只返回第一个匹配到name的元素
  • 想返回多个的话，和class一样，需要调用 find_elements_by_name 方法，这里不再赘述，写法和上面一致（已标红）

方式四：通过元素标签

# =====通过 元素标签（仅返回匹配到的第一个）=====

p = driver.find_element_by_tag_name("p")

# 打印元素的文本值

print(p.text)

print("===")

# =====通过 元素标签（返回匹配到的所有元素）=====

ps = driver.find_elements_by_tag_name("p")

for p in ps:

    print(p.text)

执行结果

测试啦
===

测试啦

再一次测试啦

知识点

  • 多个元素同种HTML标签见怪不怪了
  • 同样的， find_element_by_tag_name 返回第一个匹配到标签的元素
  • find_elements_by_tag_name 可以返回所有匹配到标签的元素

方式五：通过超链接文本

# =====通过 超链接的文本查找元素（仅支持精确匹配）

atext = driver.find_element_by_link_text("抗击肺炎")

print(atext.text)

print("===")

ass = driver.find_elements_by_link_text("抗击肺炎")

for i in ass:

    print(i.text)

执行结果

抗击肺炎
===

抗击肺炎

抗击肺炎

知识点

  • find_element_by_link_text 是精确匹配，需要文本完全相同才能匹配
  • 若需要返回全部匹配到的元素，也需要用 find_elements_by_link_text

方式六：通过超链接文本（模糊匹配）

# =====通过 超链接的文本查找元素（支持模糊匹配）

atext = driver.find_element_by_partial_link_text("肺炎")

print(atext.text)

print("===")

ass = driver.find_elements_by_partial_link_text("肺炎")

for i in ass:

    print(i.text)

执行结果

终极抗击肺炎啊

===

终极抗击肺炎啊

抗击肺炎

抗击肺炎

知识点

  • find_element_by_partial_link_text 支持模糊匹配，包含文本则匹配成功
  • 若需要返回全部匹配到的元素，也需要用  find_elements_by_partial_link_text

方式七：通过xpath（万能，重点）

# ====通过 xpath

lis = driver.find_element_by_xpath("/html/body/div/ul[2]/li[1]")

print(lis.text)

执行结果

aaa

注意： xpath 包含的知识点很多，暂时不在这篇幅展开讲，后续会单独补充详细博文哦！

方式八：通过css选择器（万能，重点）

# ====通过css选择器

lis = driver.find_element_by_css_selector("body > div > ul > li:nth-child(2)")

print(lis.text)

执行结果

222

注意： css选择器 包含的知识点很多，暂时不在这篇幅展开讲，后续会单独补充详细博文哦！

Selenium系列（一） - 8种元素定位方式的详细解读的更多相关文章

  1. 【python+selenium的web自动化】- 8种元素定位方式详解

    ​ 我们在做WEB自动化时,最根本的就是操作页面上的各种元素,而操作的基础便是元素的定位,只有准确地定位到唯一元素才能进行后续的自动化控制,下面将对各种元素定位方式进行总结归纳. ​ 说明:以下操作统 ...

  2. Appium常用的3种元素定位方式

    以最右App为例 .apk文件网盘地址: 链接:https://pan.baidu.com/s/1L4MYkhpb5ECe8XeaneTx_Q 提取码:0jqm 1.find_element_by_i ...

  3. Selenium-几种元素定位方式

    #识别元素并操作#一般有如下几种方法,其中id最为常用.这里需要注意识别元素一定要用唯一id 1.find_element_by_id("value") #! /usr/bin/e ...

  4. Selenium系列（二） - 控制浏览器操作的详细解读

    如果你还不想从头学起Selenium,可以看看这个系列的文章哦! https://www.cnblogs.com/poloyy/category/1680176.html 其次,如果你不懂前端基础知识 ...

  5. Selenium系列（四） - 鼠标、键盘操作详细解读

    如果你还想从头学起Selenium,可以看看这个系列的文章哦! https://www.cnblogs.com/poloyy/category/1680176.html 其次,如果你不懂前端基础知识, ...

  6. selenium自动化测试——常见的八种元素定位方法

    selenium常用的八种元素定位方法 1.通过 id 定位:find_element_by_id() 2.通过 name 定位:find_element_by_name() 3.通过 tag 定位: ...

  7. 关于selenium的8种元素定位

    selenium中有八种元素定位,分别是:id,name,class_name,tag_name,link_text.partial_link_text.xpath.css 简单的定位可以用 id.n ...

  8. Java + Selenium + WebDriver八大元素定位方式

    UI自动化测试的第一步就是进行元素定位,下面给大家介绍一下Selenium + WebDriver的八大元素定位方式.现在我们就以百度搜索框为例进行元素定位,如下图: 一.By.name() Java ...

  9. Selenium：八种元素定位方法

    前言: 我们在做WEB自动化时,最根本的就是操作页面上的元素,首先我们要能找到这些元素,然后才能操作这些元素.工具或代码无法像我们测试人员一样用肉眼来分辨页面上的元素.那么我们怎么来定位他们呢? 在学 ...

随机推荐

  1. R的基础数据结构

  2. 将js进行到底：node学习6

    开始真正的node web开发--express框架 为何说现在才是web开发的真正开始呢? 首先任何企业都不会用原生的http协议API去开发一个完整的网站,除非她们先开发一个框架出来,其次我们之前 ...

  3. react-native保存图片Android实现方法

    /图片的路径格式为远程请求, 例如:'http://xxx:8080/image.jpg' import { Platform, PermissionsAndroid, NativeModules } ...

  4. TensorFlow_Faster_RCNN中demo.py的运行(CPU Only)

    GitHub项目地址,https://github.com/endernewton/tf-faster-rcnnTensorflow Faster RCNN for Object Detection. ...

  5. e代驾狂野裁员 O2O逐渐恢复理智？

    O2O逐渐恢复理智?" title="e代驾狂野裁员 O2O逐渐恢复理智?">     近段时间以来,O2O行业堪称"哀鸿遍野",十分凄惨.巨头 ...

  6. 如何理解TCP的三次握手协议?

    • TCP是一个面向链接的协议,任何一个面向连接的协议,我们都可以将其类比为我们最熟悉的打电话模型. 如何类比呢?我们可以从建立和销毁两个阶段分别来看这件事情. 建立连接阶段 首先,我们来看看TCP中 ...

  7. C与C++面试易出知识点

    .1. char c = '\72'; 中的\72代表一个字符,72是八进制数,代表ASCII码字符":". 2. 10*a++ 中a先进行乘法运算再自增(笔试中经常喜欢出这类运算 ...

  8. go语言指南之映射练习

    练习:映射 实现 WordCount.它应当返回一个映射,其中包含字符串 s 中每个“单词”的个数.函数 wc.Test 会对此函数执行一系列测试用例,并输出成功还是失败. 你会发现 strings. ...

  9. 这么香的Chrome插件，你都安装了吗？

    工欲善其事必先利其器,今天长话短说,介绍13个敏捷.高效的Chrome插件 根据使用方式,本人将其划分为三大类: 开发者工具 日常效率工具类 浏览器管理类 开发者工具 1. Web Developer ...

  10. 1024程序员节最新福利之2018最全H5前端资料集

    前言 有好久没有写博客了,主要这段时间都沉迷学习无法自拔了,哈哈.自吹一波. 前两天不是1024节吗,所以就有很多福利出现了,当然每个人能都获得的信息都有所不同,这就是所谓的信息差.秉着好东西需要分享 ...