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


欢迎指正、讨论与学习!


相关文章
|
29天前
|
Web App开发 JavaScript 前端开发
如何学习JavaScript?
如何学习JavaScript?
38 5
|
24天前
|
监控 JavaScript 算法
如何使用内存监控工具来定位和解决Node.js应用中的性能问题?
总之,利用内存监控工具结合代码分析和业务理解,能够逐步定位和解决 Node.js 应用中的性能问题,提高应用的运行效率和稳定性。需要耐心和细致地进行排查和优化,不断提升应用的性能表现。
173 77
|
1天前
|
数据采集 Web App开发 JavaScript
如何使用Selenium处理JavaScript动态加载的内容?
如何使用Selenium处理JavaScript动态加载的内容?
|
28天前
|
JavaScript 前端开发 索引
JavaScript学习第二章--字符串
本文介绍了JavaScript中的字符串处理,包括普通字符串和模板字符串的使用方法及常见字符串操作方法如`charAt`、`concat`、`endsWith`等,适合前端学习者参考。作者是一位热爱前端技术的大一学生,专注于分享实用的编程技巧。
23 2
|
28天前
|
存储 JavaScript 前端开发
JavaScript学习第一章
本文档介绍了JavaScript的基础知识,包括其在网页中的作用、如何通过JavaScript动态设置HTML元素的CSS属性,以及JavaScript中的变量类型(`var`、`let`、`const`)和数据类型(基本数据类型与引用数据类型)。通过实例代码详细解释了JavaScript的核心概念,适合初学者入门学习。
48 1
|
2月前
|
JavaScript
js学习--商品列表商品详情
js学习--商品列表商品详情
23 2
|
2月前
|
JavaScript
js学习--九宫格抽奖
js学习--九宫格抽奖
20 2
|
2月前
|
JavaScript
js学习--开屏弹窗
js学习--开屏弹窗
38 1
|
2月前
|
JavaScript
js学习--抽奖
js学习--抽奖
22 1
|
2月前
|
JavaScript
js学习--隔行换色
js学习--隔行换色
32 1

热门文章

最新文章