有一个同学在Gne的群里面咨询如何通过Selenium获取当前鼠标指向的元素,在我讲了方法以后,他过了两天又来问:
那么,我今天就来写一篇文章,具体说说应该怎么操作。
这个方法的核心,是借助JavaScript的事件(event)来获取鼠标所在的元素。然后再把这个元素传递给Selenium。我们先来第一步,不考虑Selenium,只使用JavaScript,如何获取当前鼠标指向的元素呢?
我们首先需要知道在JavaScript中的一个事件句柄,叫做window.onmousemove
。默认情况下,它的值是null:
我们可以把它的值修改成一个函数,这个函数接收一个event
参数,这样当鼠标在网页上移动的时候,这个函数就会被调用。而event
参数是一个对象,这个对象有两个属性.clientX
和.clientY
,分别表示鼠标相当于网页的横坐标和纵坐标:
function track_mouse(event){ var x = event.clientX, y = event.clientY console.log("当前鼠标所在位置的坐标:x=" + x + "y=" + y) }
运行效果如下图所示:
你执行命令以后,只要在页面上移动鼠标,你就会在控制台看到大量的坐标被打印出来。
接下来,既然你有了当前鼠标所在位置的坐标,那么你只需要根据坐标查询到这个元素是什么就可以了。在JavaScript中,有一个函数叫做document.elementFromPoint
,就能实现这个效果:
function track_mouse(event){ var x = event.clientX, y = event.clientY var element = document.elementFromPoint(x, y) if (!element) { return // 当前位置没有元素 } return element }
那么,如何把这个参数返回给Selenium呢?其实也非常简单,我们设置一个全局变量window.hovered_element
,然后把当前鼠标对应的元素赋值给它。然后在Selenium中,使用.execute_script
获取window.hovered_element
就可以了。
我们先来看看完整的JavaScript:
window.hovered_element = null function track_mouse(event){ var x = event.clientX, y = event.clientY var element = document.elementFromPoint(x, y) if (!element) { window.hovered_element = null return // 当前位置没有元素 } window.hovered_element = element } window.onmousemove = track_mouse
然后我们再来看看Selenium中的Python代码:
import time from selenium.webdriver import Chrome driver = Chrome("./chromedriver") driver.get("https://www.kingname.info/") js = """ window.hovered_element = null function track_mouse(event){ var x = event.clientX, y = event.clientY var element = document.elementFromPoint(x, y) if (!element) { window.hovered_element = null return // 当前位置没有元素 } window.hovered_element = element } window.onmousemove = track_mouse """ driver.execute_script(js) while True: element = driver.execute_script("return window.hovered_element") if element: print(f"当前鼠标所在的标签为:{element.tag_name}, 其中的文本内容为:{element.text}") time.sleep(1)
运行效果如下图所示:
获取到了当前鼠标所在的元素的标签和标签里面的文字。
到这里,这个同学需要的功能已经完全实现了。
但可能有聪明的同学会发现,他这个需求是有问题的。我们能看到至少有三个问题:
因为window.onmousemove
太灵敏了,它的采样时间是毫秒级别的,鼠标稍稍移动一点点就会生成一个事件。但是,一个元素的区域是很大的,在一个元素内部移动鼠标,其实根本没有必要更新window.hovered_element
。在Selenium里面,是通过while True
每1秒查询一次window.hovered_element
,虽然我们已经降低了频率,但大家从上面的图中可以看到,还是会获取到很多重复的数据。这是由于有一些元素非常大,我们鼠标如果在上面慢慢移动,时间会超过1秒,那么Selenium就会重复获取到数据。由于window.onmousemove
的采样时间间隔很小,所以我们可以近似把鼠标的移动看做是连续的移动。因此,这段代码会记录鼠标轨迹路径上面的每一个元素。但实际上,我们并不会对网页上所有的内容都感兴趣,我们只会对特定的内容感兴趣。因此,获取当前鼠标所在位置的元素,其实是一个伪需求,它根本没有什么实际上用处,因为噪声太大了,无用的数据太多了!
实际上,我觉得真正的需求应该是这样的:如果鼠标在网页上面某个元素停留时间超过5秒,那么获取这个元素。
但这样做太费时间了。每次都要等5秒,岂不是带薪摸鱼?那需求能不能改成获取当前鼠标点击的元素呢?如果你实践一下,你会发现,当你点击一个链接的时候,网页自动就跳转到另一个页面去了,并不能获取到你需要的数据。
到此这篇关于详解Python Selenium如何获取鼠标指向的元素的文章就介绍到这了,更多相关Selenium鼠标指向元素内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
X 关闭
X 关闭
- 15G资费不大降!三大运营商谁提供的5G网速最快?中国信通院给出答案
- 2联想拯救者Y70发布最新预告:售价2970元起 迄今最便宜的骁龙8+旗舰
- 3亚马逊开始大规模推广掌纹支付技术 顾客可使用“挥手付”结账
- 4现代和起亚上半年出口20万辆新能源汽车同比增长30.6%
- 5如何让居民5分钟使用到各种设施?沙特“线性城市”来了
- 6AMD实现连续8个季度的增长 季度营收首次突破60亿美元利润更是翻倍
- 7转转集团发布2022年二季度手机行情报告:二手市场“飘香”
- 8充电宝100Wh等于多少毫安?铁路旅客禁止、限制携带和托运物品目录
- 9好消息!京东与腾讯续签三年战略合作协议 加强技术创新与供应链服务
- 10名创优品拟通过香港IPO全球发售4100万股 全球发售所得款项有什么用处?