【selenium工具操作web页面中的下拉框元素 】

使用F12定位下拉框中的元素

使用F12定位下拉框中的元素

1、有一类元素不是直接显示的页面上的,而是需要点击某些其他元素后才会显示在页面上,比如这里的下拉框。

2、这类元素会有一个特点:鼠标如果移开(没在元素上),这些元素就会消失:在页面上一闪而过。因此在使用F12查找这类元素时,会非常困难。注意:虽然说可以手动在HTML中查找,但是这样会很麻烦。

3、Chrome其实就有一个功能我们可以用用:在F12开发者工具中,Sources选项中有一个暂停按钮。

4、实例:

①F12进入开发者页面,并切换到Sources分页。

②点击下拉框按钮:使其弹出下拉框元素,然后在双击快捷键F8暂停页面;或者直接点击下图中的【暂停】按钮以暂停暂停页面。【还有一种方法是在Console分页中执行JavaScript语句同样可以达到暂停页面的效果】

③暂停页面后再通过元素选择按钮来选择我们想要的元素(此时会自动跳转到elements分页) ;这样就能很方便的找到我们想要的元素的信息。

相关推荐
x-cmd7 分钟前
[250512] Node.js 24 发布:ClangCL 构建,升级 V8 引擎、集成 npm 11
前端·javascript·windows·npm·node.js
程序员杰哥13 分钟前
自动化测试基础知识详解
自动化测试·软件测试·python·selenium·测试工具·职场和发展·测试用例
夏之小星星20 分钟前
el-tree结合checkbox实现数据回显
前端·javascript·vue.js
crazyme_634 分钟前
前端自学入门:HTML 基础详解与学习路线指引
前端·学习·html
撸猫79143 分钟前
HttpSession 的运行原理
前端·后端·cookie·httpsession
亦世凡华、1 小时前
Rollup入门与进阶:为现代Web应用构建超小的打包文件
前端·经验分享·rollup·配置项目·前端分享
Bl_a_ck1 小时前
【React】Craco 简介
开发语言·前端·react.js·typescript·前端框架
augenstern4162 小时前
webpack重构优化
前端·webpack·重构
海拥✘2 小时前
CodeBuddy终极测评:中国版Cursor的开发革命(含安装指南+HTML游戏实战)
前端·游戏·html
寧笙(Lycode)3 小时前
React系列——HOC高阶组件的封装与使用
前端·react.js·前端框架