【selenium :javaScript在web自动化中的应用】

javaScript在web自动化中的应用

在UI自动化过程中,有时会遇到webdriver 无法实现的操作,这个时候可以通过调用js才能实现的操作

调用方法: driver.execute_script( js语句)

常见调用js的场景如下:

1、 操作浏览器滚动条

虽然 Selenium 可以模拟一些滚动操作,但对于复杂的滚动场景,如特定位置的精确滚动、无限滚动页面的处理等,使用 JavaScript 会更加灵活和精确

  • 滚动到页面底部:
python 复制代码
driver.execute_script("window.scrollTo(0, document.body.scrollHeight);")
  • 滚动到指定位置:
python 复制代码
js = "window.scrollTo(400,600)"
driver.execute_script(js)```

2、元素定位

webdriver因为一些遮挡等情况,无法通过webdriver定位到,这个时候可以用js定位,示例

python 复制代码
text = "input text"
js = "var sum=document.getElementById('id'); sum.value='"+ text + "';"
driver.execute script(js)

3、处理浏览器的弹窗

某些特定类型的弹窗,特别是自定义的复杂弹窗,可能无法通过 Selenium 的常规方法处理,需要使用 JavaScript 来控制。比如,处理一个自定义的确认弹窗

4、执行特定的页面动画或交互效果

如果页面中有一些特殊的动画效果或交互逻辑,Selenium 可能无法直接模拟,需要通过 JavaScript 来触发。

比如,触发一个元素的鼠标悬停效果并执行相关的后续操

相关推荐
WindfallSheng11 分钟前
从Vibe Coding到Spec Coding:一套可落地的AI-SDD企业级研发实战工程
javascript·vue.js
Asize13 分钟前
Agent 入门:从 LLM 与 Agent 的区别到 Function Calling
javascript·人工智能
申君健248641827720219 分钟前
Vapor 核心数据结构:Block原理
前端
Csvn28 分钟前
工程化专题 | 改完组件保存,浏览器毫无反应,重启 dev server 又好了——气不气?
前端
我有满天星辰1 小时前
Vue 指令完全指南:从 Vue 2 到 Vue 3 的演进与实战
前端·javascript·vue.js
光影少年1 小时前
RN 渲染原理:不依赖WebView,原生控件渲染
前端·react native·react.js·前端框架
小白学过的代码1 小时前
# flv.js / mpegts.js 播不了国标摄像头(H.265 + G.711A)?纯前端 Jessibuca 无后端方案(附完整代码)
前端·javascript·h.265
console.log('npc')1 小时前
AI Agent 前端流式渲染核心技术文档(SSE \+ WebSocket \+ 打字机渲染)
前端·人工智能·websocket
法外狂徒11 小时前
将 Pi Agent 接入 HagiCode 的实践之路
服务器·前端·人工智能
IT_陈寒1 小时前
React中useEffect的依赖项把我坑惨了
前端·人工智能·后端