百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

selenium系列教程|2.python自动化脚本解析及8大元素定位

myzbx 2025-02-20 17:01 33 浏览

python 穿上 seleniumwebdriver 是多么的性感

#coding = utf-8 from selenium import webdriver

browser = webdriver.Firefox()

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

browser.find_element_by_id("kw").send_keys("selenium") browser.find_element_by_id("su").click()

browser.quit()

脚本解析

# coding = utf-8

可加可不加,开发人员喜欢加一下,防止乱码嘛。

from selenium import webdriver

要想使用 selenium 的 webdriver 里的函数,首先把包导进来嘛

browser = webdriver.Firefox()

我们需要操控哪个浏览器呢?Firefox ,当然也可以换成 Ie 或 Chrome

browser 可以随便取,但后面要用它操纵各种函数执行。

browser.find_element_by_id("kw").send_keys("selenium")

一个控件有若干属性 id 、name、(也可以用其它方式定位),百度输入框的 id 叫 kw , 我要在输入框里输入 selenium 。多自然语言呀!

browser.find_element_by_id("su").click()

搜索的按钮的 id 叫 su ,我需要点一下按钮( click() ) 。

browser.quit()

退出并关闭窗口的每一个相关的驱动程序,有洁癖用这个。

browser.close()

关闭当前窗口 ,用哪个看你的需求了。

元素的定位

对象的定位应该是自动化测试的核心,要想操作一个对象,首先应该识别这个对象。 一个对象就是一个人一样,他会有各种的特征(属性),如比我们可以通过一个人的身 份证号,姓名,或者他住在哪个街道、楼层、门牌找到这个人。

那么一个对象也有类似的属性,我们可以通过这个属性找到这对象。

webdriver 提供了一系列的对象定位方法,常用的有以下几种:

·id·name·classname.linktext·partiallinktext·tagname·xpath·css selector

我们可以看到,一个百度的输入框,可以用这么用种方式去定位。

maxlength="100" name="wd"

autocomplete="off">

#coding=utf-8 from selenium import webdriver

browser =webdriver.Firefox()

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

#百度输入框的定位方式#

#通过id方式定位

browser.find_element_by_id("kw").send_keys("selenium")

#通过name方式定位

browser.find_element_by_name("wd").send_keys("selenium")

#通过tag name方式定位

browser.find_element_by_tag_name("input").send_keys("selenium")

#通过class name 方式定位

browser.find_element_by_class_name("s_ipt").send_keys("selenium")

#通过CSS方式定位

browser.find_element_by_css_selector("#kw").send_keys("selenium")

#通过xphan方式定位

browser.find_element_by_xpath("//input[@id='kw']").send_keys("selenium")

#browser.find_element_by_id("su").click() time.sleep(3) browser.quit()

id 和 name 定位

id 和 name 是我们最最常用的定位方式,因为大多数控件都有这两个属性,而且 在对控件的 id 和 name 命名时一般使其有意义也会取不同的名字。通过这两个属性使我 们找一个页面上的属性变得相当容易

我们通过前端工具,找到了百度输入框的属性信息,如下:

maxlength="100" name="wd"

autocomplete="off">

id=”kw”

通过 find_element_by_id("kw") 函数就是捕获到百度输入框

name=”wd”

通过 find_element_by_name("wd")函数同样也可以捕获百度输入框

tagname 和 classname 定位

从上面的百度输入框的属性信息中,我们看到,不单单只有 id 和 name 两个属性, 比如 class 和 tagname(标签名)

就是一个标签的名字,可以通过

find_element_by_tag_name("input")函数来定位。

class="s_ipt"

通过
find_element_by_class_name("s_ipt")

函数捕获百度输入框。

CSS 定位

CSS(Cascading Style Sheets)是一种语言,它被用来描述 HTML 和 XML 文档的表现。 CSS 使用选择器来为页面元素绑定属性。这些选择器可以被 selenium 用作另外的定位策 略。

CSS 的比较灵活可以选择控件的任意属性,上面的例子中:

find_element_by_css_selector("#kw")

通过
find_element_by_css_selector( )函数,选择取百度输入框的 id 属性来定义

也可以取 name 属性

新 闻

driver.find_element_by_css_selector("a[name=\"tj_news\"]").click()

可以取 title 属性

href="http://www.baidu.com/">网页

driver.find_element_by_css_selector("a[title=\"web\"]").click()

也可以是取

driver.find_element_by_css_selector("a.RecycleBin").click()

虽然我也没全部理解 CSS 的定位,但是看上去应该是一种非常灵活和牛 X 的定位方式

XPath 定位

什么是 XPath:

selenium 中被误解的 XPath :

XPath 是一种在 XML 文档中定位元素的语言。因为 HTML 可以看做 XML 的一种实现, 所以 selenium 用户可是使用这种强大语言在 web 应用中定位元素。

XPath 扩展了上面 id 和 name 定位方式,提供了很多种可能性,比如定位页面上的 第三个多选框。

xpath:attributer (属性)

driver.find_element_by_xpath("//input[@id='kw']").send_keys("selenium") #input

标签下id =kw的元素

xpath:idRelative(id相关性)

driver.find_element_by_xpath("//div[@id='fm']/form/span/input").send_keys("selenium")

#在/form/span/input 层级标签下有个div标签的id=fm的元素


driver.find_element_by_xpath("//tr[@id='check']/td[2]").click() # id为'check' 的tr ,

定位它里面的第2个td

xpath:position (位置)

driver.find_element_by_xpath("//input").send_keys("selenium")driver.find_element_by_xpath("//tr[7]/td[2]").click()

#第7个tr 里面的第2个td

xpath: href (水平参考)


driver.find_element_by_xpath("//a[contains(text(),'网页')]").click() #在a标签下有个文本(text)包含(contains)'网页' 的元素

xpath:linkdriver.find_element_by_xpath

("//a[@href='http://www.baidu.com/']").click()

#有个叫a的标签,他有个链接

href='http://www.baidu.com/的元素

link 定位

有时候不是一个输入框也不是一个按钮,而是一个文字链接,

我们可以通过 link #coding=utf-8

from selenium import webdriver browser = webdriver.Firefox()

browser.get("http://www.baidu.com")
browser.find_element_by_link_text("贴 吧").click() browser.quit()

一般一个页面上不会出现相同的文件链接,通过文字链接来定位也是一种简单有效 的定位方式。

Partiallinktext 定位

通过部分链接定位,这个有时候也会用到,我还没有想到很好的用处。拿上面的例 子,我可以只用链接的一部分文字进行匹配:


browser.find_element_by_partial_link_text("贴").click() #通过


find_element_by_partial_link_text() 函数,我只用了“贴”字,脚本一样找到了"贴 吧 " 的链接。


本系列教程未selenium+Python方向的入门级教程,欢迎大家评论反馈。

西边人细说测试,

头条号(软件测试资源站)作者,程序爬虫获取国内外测试资源分享给自学爱好者。

今日头条关注后,私信回复如下关键词获取大量打包资料下载。

测试资料、工具、Python、自动化测试报告、梯子 等

相关推荐

以文本的方式绘制简单的SVG流程图——flowchart.js

介绍flowchart.js是在浏览器和终端中运行的流程图DSL和SVG渲染。节点和连接是分别定义的,因此可以重复使用节点,并可以快速更改连接。也可以在DSL中对节点和连接器样式进行细微的更改。Git...

全国首套构网型SVG在木垒投运

中新网新疆新闻1月5日电(翟文辉)12月29日,全国首套构网型SVG在新疆木垒华电220千伏四十个井子汇集站并网,本项目是新疆电网继阿克陶构网型储能后又一次构网型支撑项目示范。为全面响应国家“双碳”...

Popmotion – 小巧,灵活的 JS 运动引擎

Popmotion是一个只有12KB的JavaScript运动引擎,可以用来实现动画,物理效果和输入跟踪。原生的DOM支持:CSS,SVG,SVG路径和DOM属性的支持,开箱即用。Popmoti...

零基础教你学前端——43、初识SVG

解决网站图标问题的最佳方案——SVG!SVG是一种基于XML语法的图像格式,英文全称是:ScalableVectorGraphics,即可缩放矢量图,是W3C的一项建议。我们用手机拍摄...

2.3 文件格式全解:PSD/JPG/PNG/SVG/GIF

2.3文件格式全解:PSD/JPG/PNG/SVG/GIF一、文件格式的核心意义文件格式是数字图像的存储规则,决定了:-信息保留程度(图层/透明度/动画)-压缩方式与画质损失-跨平台兼容性-...

vite v6.3.2 发布!HMR 优化+CSS 增强+稳定性提升,前端开发再提速!

前言:Vite6.3.2来了!2025年4月18日,Vite团队正式发布了v6.3.2版本!虽然是一个小版本更新,但修复了多个关键问题,并带来了性能优化和稳定性提升,让开发体验更丝滑!如果你还...

一篇文章带你了解SVG 蒙版(Mask)

SVG蒙版功能可将蒙版应用于SVG形状。蒙版可确定SVG形状的哪些部分可见,以及具有什么透明度。运行效果可以将SVG蒙版视为剪切路径的更高级版本。一、简单的蒙版代码解析:本示例使用ID=mask1定义...

SVG实现的流程图绘制

一、项目简介使用SVG技术实现的流程图绘制二、实现功能流程图块生成、连线、拖拽产生相应的xml和xpdl导入导出json数据放大缩小功能保存操作(选择、自动插入、开始结束、普通活动、子活动、块活动、路...

解锁国内 404 页面:Next.js 设置指南和 33 个有趣 SVG 资源分享

前言当我们访问网站时,如果访问到不存在的路径时,会出现404错误。为了避免给访问者带来不良体验,设计网站时通常会在页面上展示“404页面不存在”的提示,并引导用户进行返回首页等操作。因此在建立网...

交互设计师做好动画后,提交给开发的文档有哪些?

谢邀!简单的说一下自己的看法。首先从制作动画开始。目前制作动画的方式主要有:Gif动画视频动画Web动画,而Web动画又包括:CSS动画、JS动画(Canvas动画、原生JS动画API)、SVG动画等...

Motion for Vue:为Vue量身定制的强大动画库

在前端开发中,动画效果是提升用户体验的重要手段。Vue生态系统中虽然有许多动画库,但真正能做到高性能、易用且功能丰富的并不多。今天,我们要介绍的是MotionforVue(motion-v),...

Web开发人员的福音!8个实用的SVG工具

SVG可缩放矢量图形(ScalableVectorGraphics)是基于可扩展标记语言(XML),用于描述二维矢量图形的一种图形格式。SVG是W3C在2000年8月制定的一种新的二维矢量图形格式...

一键画波浪线、一键多图片调色?这3个网站好玩到停不下来

作为一个经常收集网站的PPT设计师,无意中发现了一些超级有趣的网站。只要你动手能力足够强,就一定会利用它做出创意作品。不说废话,直接进入主题。1、炫酷的光线绘画网站http://weavesilk.c...

vite 6.2.5 更新速递:告别SVG路径Bug,构建效率再提升!

Vite6.2.5更新公告2025年4月3日,Vite团队正式发布了Vite6.2.5版本!此次更新虽然是一个小版本迭代,但修复了一个关键问题,涉及SVG文件路径检查,对前端开发者尤...

DrawSVG – SVG 路径动画 jQuery 插件

jQueryDrawSVG使用了jQuery内置的动画引擎实现SVG路径动画,用到了stroke-dasharray和stroke-dashoffset属性。DrawSVG是完全...