selenium 4.0学习(三)JS定位及demo脚本

简介: selenium 4.0学习(三)JS定位及demo脚本

做web自动化的同学基本绕不开selenium,虽然市面上已经有很多优秀框架比如cypress、testcafe等,但是selenium的大佬位置仍然坚挺!


本人使用环境

本机电脑:mac pro  intel

本地python:python3.7.9(推荐使用,不推荐高版本,除非有特殊需求)

pycharm:专业版(做自动化其实社区版即可)


一、selenium4.0结合JS定位(万能定位)

做web自动化的同学估计都会碰到,明明元素就在哪里,自带定位就是定位不到。明明在浏览器开发者模式调试能找到,脚本运行就找不到元素,这个试试,你可以试试几乎万能的js定位方式!

1、页面上下滚动

xxx参数代表的是横轴,0为左边,10000为右边,以此类推

yyy参数代表的是纵轴,0为上边,10000为下边,以此类推

图片.png

2、如果要上下滚动

图片.png


二、JS的5种定位方式

1.通过id获取 document.getElementById(“id”)

2.通过name获取  document.getElementsByName(“Name”) 返回的是list,注意下标

3.通过标签名选取元素 document.getElementsByTagName(“tag”)

4.通过CLASS类选取元素 document.getElementsByClassName(“class”)

5.通过CSS选择器选取元素 document.querySelectorAll(“css selector")

使用:(其他定位以此类推)

image.png

通过chrome开发者模式调试js定位:

image.png

三、百度查询完整业务流程

图片.png

image.png


欢迎指正、讨论与学习!


相关文章
|
5月前
|
前端开发 JavaScript
个人征信电子版无痕修改, 个人信用报告pdf修改,js+html+css即可实现【仅供学习用途】
本代码展示了一个信用知识学习系统的前端实现,包含评分计算、因素分析和建议生成功能。所有数据均为模拟生成
|
5月前
|
前端开发
个人征信PDF无痕修改软件,个人征信模板可编辑,个人征信报告p图神器【js+html+css仅供学习用途】
这是一款信用知识学习系统,旨在帮助用户了解征信基本概念、信用评分计算原理及信用行为影响。系统通过模拟数据生成信用报告,涵盖还款记录
|
6月前
|
JavaScript 数据可视化 前端开发
three.js简单实现一个3D三角函数学习理解
1.Three.js简介 Three.js是一个基于JavaScript编写的开源3D图形库,利用WebGL技术在网页上渲染3D图形。它提供了许多高级功能,如几何体、纹理、光照、阴影等,以便开发者能够快速地创建复杂且逼真的3D场景。同时,Three.js还具有很好的跨平台和跨浏览器兼容性,让用户无需安装任何插件就可以在现代浏览器上观看3D内容。
230 0
|
9月前
|
JavaScript Shell C#
多种脚本批量下载 Docker 镜像:Shell、PowerShell、Node.js 和 C#
本项目提供多种脚本(Shell、PowerShell、Node.js 和 C#)用于批量下载 Docker 镜像。配置文件 `docker-images.txt` 列出需要下载的镜像及其标签。各脚本首先检查 Docker 是否安装,接着读取配置文件并逐行处理,跳过空行和注释行,提取镜像名称和标签,调用 `docker pull` 命令下载镜像,并输出下载结果。使用时需创建配置文件并运行相应脚本。C# 版本需安装 .NET 8 runtime。
601 3
|
JSON 移动开发 JavaScript
在浏览器执行js脚本的两种方式
【10月更文挑战第20天】本文介绍了在浏览器中执行HTTP请求的两种方式:`fetch`和`XMLHttpRequest`。`fetch`支持GET和POST请求,返回Promise对象,可以方便地处理异步操作。`XMLHttpRequest`则通过回调函数处理请求结果,适用于需要兼容旧浏览器的场景。文中还提供了具体的代码示例。
207 5
在浏览器执行js脚本的两种方式
|
JavaScript
js学习--制作猜数字
js学习--制作猜数字
125 4
js学习--制作猜数字
|
JavaScript
webpack学习五:webpack的配置文件webpack.config.js分离,分离成开发环境配置文件和生产环境配置文件
这篇文章介绍了如何将webpack的配置文件分离成开发环境和生产环境的配置文件,以提高打包效率。
224 1
webpack学习五:webpack的配置文件webpack.config.js分离,分离成开发环境配置文件和生产环境配置文件
|
Web App开发 JavaScript 前端开发
如何学习JavaScript?
如何学习JavaScript?
246 5
|
JavaScript 前端开发 索引
JavaScript学习第二章--字符串
本文介绍了JavaScript中的字符串处理,包括普通字符串和模板字符串的使用方法及常见字符串操作方法如`charAt`、`concat`、`endsWith`等,适合前端学习者参考。作者是一位热爱前端技术的大一学生,专注于分享实用的编程技巧。
137 2

热门文章

最新文章

下一篇
oss云网关配置