【基于python实现UI自动化】3.2 selenium通过JS定位元素

最新推荐文章于 2025-03-24 17:33:19 发布
原创 最新推荐文章于 2025-03-24 17:33:19 发布 · 3.2k 阅读 · 31
标签
#UI自动化
这篇博客介绍了如何在Python的Selenium自动化测试中利用JavaScript进行页面元素定位。当Selenium的By定位方法无法满足需求，如需滚动页面操作下方元素时，可以借助JS完成。文中列举了通过JS定位元素ID、class name、name、tag name以及CSS选择器等方法，并提供了简单的JS定位代码示例。此外，作者还预告了下一篇文章将探讨JS处理浏览器滚动条的内容。

python-UI自动化之selenium元素定位

1.0 selenium工具介绍

1.0 selenium工具介绍

2.0 selenium环境搭建

2.0 selenium环境搭建

3.0 selenium常见8大元素定位

3.0 selenium - webdriver常见8大元素定位

3.1 selenium通过By定位元素

3.1 selenium通过By定位元素

3.2 selenium通过JS定位元素

selenium 并不是万能的，有时候页面上操作无法实现的，这时候就需要借助 JS 来完成了。

比如：页面是可滚动的，想操作屏幕下方的元素，是不能直接定位到，需要先滚动屏幕到下方，否则会报找不到元素异常。

在这里插入图片描述
这个时候就需要JS定位滚动条来滚动屏幕，使得操作的元素显示在当前页面上。Selenium提供了一个可执行JS定位的方法：execute_script(js脚本)

Selenium的8大元素定位，JS也可实现定位。

JS定位页面元素

学习JS定位需要用到JavaScript脚本的基础，有不了解的可通过w3c网上学习下JavaScript脚本。

附上JavaScript学习地址：
https://ww

最低0.47元/天 解锁文章
Python-Selenium中使用JS方式定位元素
Alien-Hu
11-17 1万+
文章目录一、以下总结了5种js定位的方法1.通过id获取2.通过name获取3.通过标签名选取元素4.通过CLASS类选取元素5.通过CSS选择器选取元素 一、以下总结了5种js定位的方法 除了id是定位到的是单个element元素对象，其它的都是elements返回的是list对象 1.通过id获取 document.getElementById(“id”) from selenium ...
selenium调用JavaScript定位元素及事件操作
qq_41776011的博客
11-28 6296
JavaScript 事件 HTML 事件是发生在 HTML 元素上的事情。 当在 HTML 页面中使用 JavaScript 时， JavaScript 可以触发这些事件。 JavaScript 可以做什么? 事件可以用于处理表单验证，用户输入，用户行为及浏览器动作: 页面加载时触发事件 页面关闭时触发事件 用户点击按钮执行动作 验证用户输入内容的合法性 等等 … 具体请查看：http://ww...
自动化测试——selenium之JS定位
m0_60255218的博客
11-17 2404
在自动化测试中，我们常用的元素定位方式有id，name，class_name，xpath，css_selector，link_text。操作方式有一般有：.click() --点击 .value="值" --输入文本信息，类似send_keys功能。document.querySelectorAll("CSS_Selector的语法")[索引位].操作方式;document.getElementByName("name值")[索引位].操作方式;其实还有js定位方法及jquery定位方法。
selenium自动化测试-元素定位及元素操作
小衫虎
12-28 1190
这是继续https://blog.csdn.net/u013454322/article/details/128399381的延续，后面会逐步完成selenium系列
Selenium元素定位的30种方式(史上最全)
小韭菜的博客
12-24 4284
Selenium对网页的控制是基于各种前端元素的，在使用过程中，对于元素的定位是基础，只有准去抓取到对应元素才能进行后续的自动化控制，我在这里将对各种元素定位方式进行总结归纳一下。 这里将统一使用百度首页（www.baidu.com）进行示例，f12可以查看具体前端代码。 WebDriver8种基本元素定位方式 find_element_by_id() 采用id属性进行定位。例如在百度页面中输入关键字 Selenium 进行搜索。百度部分关键源码如下： 1 2 3
Python Selenium滚动页面定位元素位置
热门推荐
旷野历程
04-08 1万+
分享知识 传递快乐 当页面元素超出超出屏幕显示或有设定标签宽高时，就需要以滚动的方式来显示需要显示的信息。以下是 Selenium 分别通过执行 JS 脚本和根据获取元素位置滚动页面至元素存放位置 代码： webdriver = webdriver.Chrome() .... # 通过 JS 的方式滚动页面 webdriver.execute_script("window.s...
Selenium3元素定位详解与封装
菜鸟学识的博客
05-17 1294
与API自动化测试相比较，UI自动化测试不论是从执行效率还是编程难易度上，都比API自动化测试的成本是比较高的，如果单纯的从技术复杂度上来说，与API的测试技术栈的体系是一样的，不同的是测试的思维以及背后的思想。下面针对这部分进行详细的开展说明。find_element_by_id()的方法主要指的是我们定位元素属性主要是以ID的方式来进行定位，ID一般都是唯一的，当儿开发同学某些时候为了保持这种唯一性，使用了动态的ID方式，其实解决的思路是非常简单的，那就是xpath的解决思路了。
python+selenium做ui自动化测试用法必会
m0_67419887的博客
06-01 2869
一、前言　　大家都知道，基于Web端的测试的基础框架是需要Selenium做主要支撑的，这里边给大家介绍下Web测试核心之基于Python的Selenium　　Selenium是用于测试Web应用程序用户界面(UI)的常用框架。它是一款用于运行端到端功能测试的超强工具。您可以使用多个编程语言编写测试，并且Selenium能够在一个或多个浏览器中执行这些测试。　　二、环境安装　　建议 python3.7。　　安装基于python的selenium依赖包，命令：pipinstallselenium　　安装浏览器
【基于python实现UI自动化】5. selenium实现获取页面元素属性(内容、标题、URL、浏览器名称等)
枫的等待
05-29 7156
python-UI自动化1. selenium工具介绍2. selenium环境搭建3 Selenium的元素定位3.0 selenium常见8大元素定位3.1 selenium通过By定位元素3.2 selenium通过JS定位元素3.3 JS处理浏览器滚动条3.4 JS 处理日历控件（删除 readonly 属性）4. selenium 多表单(iframe/ frame)切换4.1 例子：以发送163邮箱邮件为例5. Webdriver实现获取页面元素属性5.1 获取访问网页的URL地址5.2 获取网
selenium元素定位
Defry的专栏
10-07 1283
根据元素的id属性值定位，最为方便且唯一，但是现在很多元素的id都是动态生成的，在使用id属性定位时需要注意。find_element()：找出的为单个元素，若有多个元素为同一表达式，则默认定位第一个元素，可以直接进行点击，输入等操作。find_elements()：找出的为一组列表，不能直接对元素进行点击等操作，需要加索引，取列表的第n个元素。根据元素的name属性值定位，但是我们需要注意，定位到的元素可能并不是唯一的。tag name定位，根据元素的标签名定位，定位到的标签不一定是唯一的。
开学了软测的同学快来--详解selenium之JS元素定位--内附JS滚动条源码
清欢无别事
09-29 2588
快来围观！！！好东西
selenium基本使用（二）九种定位方法
最新发布
user_name_admin2的博客
03-24 1923
@id="form"]/span[1]/input[1]').send_keys("path中层级定位") dx.find_element_by_xpath('//input[@id="kw"]').send_keys("xpath中的标签定位")dx.find_element_by_css_selector("#form > span.bg.s_ipt_wr.new-pmd.quickdelete-wrap>input").send_keys("css中层级父级方法")
Selenium 如何定位 JavaScript 动态生成的页面元素
ip16yun的博客
04-19 3922
如果我们直接用 Selenium 的 find_element 方法去定位元素，可能会出现找不到元素的错误，因为页面还没有加载完成。注意，我们使用 presence_of_element_located() 方法来等待元素出现，以避免 Selenium 尝试访问尚未出现的元素而导致定位失败。在上面的代码中，我们使用 WebDriverWait 和 expected_conditions 模块等待元素出现，直到元素的 ID 属性值为 dynamic_textbox 的文本框元素出现为止。
Selenium系列教程 - 番外篇 js定位
hwijew的博客
12-29 661
主要内容前言1. 定位单个元素  a. 通过id定位  b. 通过css选择器定位2. 定位一组元素  a. 通过name定位  b. 通过标签名定位  c. 通过class类定位  d. 通过css选择器定位示例代码 前言     我们除了可以使用selenium的方法定位元素外，还可以通过js来定位，以下总结了几种常用的js定位方法： 1. 定位单个元素   a. 通过id定位     document.getElementById("id")   b. 通过css选择器定位     document.
Selenium元素定位之页面检测技巧_js+selenium元素定位怎么看网页的元素
jixuczy的博客
04-10 437
其中包括了有基础知识、Linux必备、Shell、互联网程序原理、Mysql数据库、抓包工具专题、接口测试工具、测试进阶-Python编程、Web自动化测试、APP自动化测试、接口自动化测试、测试高级持续集成、测试架构开发测试框架、性能测试、安全测试等。既能定位一组元素还能 在定位一个元素的时候检测是否定位到多个元素。的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！看方法名就能知道用途。输入JS元素定位方法。
开学了软测的同学快来--详解selenium之JS元素定位--内附JS滚动条源码_slenium js定位
2301_82244343的博客
04-29 1165
这里的主机域名可能获取不到，还有就是协议。这里只做了解即可。
Selenium元素定位的八种方法（建议收藏）
chengxuyuznguoke的博客
12-02 1548
一般需要四步操作：获取元素，操作元素，获取返回结果，断言（返回结果与期望结果是否一致），最后自动出。Selenium提供8种的方法：id,name,class name,link text,xpath,css selector,tag name ,partial link tex。打开百度首页，如图1点击 F12，点击查看器旁的箭头鼠标滑动到百度搜索输入框，点击输入框，下方标蓝的就是该输入框的元素属性。
Python+selenium自动化之22----js定位一般用法介绍
tiekun888的专栏
05-22 2521
Js定位 本篇文章主要介绍js定位的一般使用方法，Selenium提供8种元素定位的方法：id,name,class name,link text,xpath,css selector,tag name ,partial link tex。其实还有js定位方法。Js语句通常使用driver.execute_script()进行调用。 根据id定位 使用getElementById()，.value相当于send_keys()，把字符串写入到搜索框。 根据classname定位 使用classn
Selenium实现元素定位
hlsxjh的博客
11-22 1429
（1）通过id定位：使用参数By.ID定位元素的ID属性；（2）通过元素名定位：使用参数By.NAME定位元素的NAME属性；（3）通过标签名定位：使用参数BY.TAG_NAME定位元素的TAG_NAME属性；一般不使用该参数，使用该参数后方法会返回list，不能准确定位所找元素（4）通过xpath定位：使用参数By.XPATH通过xpath表达式定位元素；（5）通过css class定位：使用参数By.CLASS_NAME定位元素的class属性；
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值