如何定位检查不到的元素

光标离开输入框时,输入框立刻消失,导致无法查看该元素的html标签属性,如何定位这种元素呢?有两种方法,一种是通过事件监听器,另一种是通过网络接口抓包

1、首先定位到搜索按钮

这个搜索的按钮,当点击时,会触发事件,有一个搜索框。

上面还有一个搜索框,他们的class是一样的,所以不能用class去定位。

但是我们观察到"我的播放列表"搜索框里面有个search文本,可以用xpath定位到它。

复制代码
login.find_element(By.XPATH,'//i[text()="search"]').click()

点击搜索按钮后,会有搜索框

点开之后,会有一个form标签,一展开就没了。

当你点击这个搜索按钮,就会触发一个事件,javascript去产生一个事件。

第一种方式 通过事件监听器

1.通过事件监听器,找到对应的javascript

在这里面,我们看到搜索按钮有一个事件监听器,当你点击后,就会触发一个事件,执行一个_commons.js的代码。就可以看到js的源码

2.通过点击"{}"美化javascript

这里有个大括号,可以美化源代码。这就是这个网站原本的javaScript代码。

3.搜索"create Element('form')"

按ctrl+F,搜索"createElement('form'"

4.找出name属性,根据name属性定位。

这里面有两个,第一个是最上面的搜索的,name:'q' ,

第二个创建了一个搜索框。可以看到name:'aq'

第二种方式 通过网络接口

1.F12在开发者模式中,选择网络

先点击网络---清空

2.手工执行一次搜索操作

此时输入一个a,

3.分析抓到的数据包

这个时候,我们就知道这个搜索框的名字叫"aq",

4、网络的参数名就是输入框的name属性.

我们看到aq=a aq就是输入框的name.

此时,把搜索信息输入,并点击确认,就可以搜索到需要搜索的内容。

复制代码
        login.find_element(By.NAME,'aq').send_keys('a.mp4')
        ac.send_keys(Keys.ENTER).perform()
相关推荐
我是小路路呀20 分钟前
element级联选择器:已选中一个二级节点,随后又点击了一个一级节点(仅浏览,未确认选择),此时下拉框失去焦点并关闭
javascript·vue.js·elementui
程序员爱钓鱼26 分钟前
Node.js 编程实战:文件读写操作
前端·后端·node.js
PineappleCoder34 分钟前
工程化必备!SVG 雪碧图的最佳实践:ID 引用 + 缓存友好,无需手动算坐标
前端·性能优化
JIngJaneIL1 小时前
基于springboot + vue古城景区管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot·后端
敲敲了个代码1 小时前
隐式类型转换:哈基米 == 猫 ? true :false
开发语言·前端·javascript·学习·面试·web
澄江静如练_1 小时前
列表渲染(v-for)
前端·javascript·vue.js
JustHappy2 小时前
「chrome extensions🛠️」我写了一个超级简单的浏览器插件Vue开发模板
前端·javascript·github
Loo国昌2 小时前
Vue 3 前端工程化:架构、核心原理与生产实践
前端·vue.js·架构
sg_knight2 小时前
拥抱未来:ECMAScript Modules (ESM) 深度解析
开发语言·前端·javascript·vue·ecmascript·web·esm