使用Selenium定位鼠标悬浮出现的下拉菜单

爱被打了一巴掌 2023-06-11 15:24 206阅读 0赞

使用Selenium定位鼠标悬浮出现的下拉菜单

1、介绍

一些网站为了能够提供更多入口给用户，在制作网站的时候往往会使用鼠标悬浮出现下拉菜单的功能。以CSDN首页为例，鼠标悬停在个人头像上，会出现与个人信息有关的下拉菜单，当鼠标移走，菜单消失。

当在进行自动化测试的时候，如果需要选取下拉菜单中的控件，就需要使用Selenium提供的与键盘操作有关的Actions组件了。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI0NzU0MDYx_size_16_color_FFFFFF_t_70][]

2、处理方式

//头像控件的XPath是//*[@id="csdn-toolbar"]/div/div/ul/li[4]/div[1]/a
    //先定位到元素，然后使用actions调出下拉菜单，最后进行目标控件的定位
      WebElement avatarElement = driver.findElement(By.xpath("//*[@id=\"csdn-toolbar\"]/div/div/ul/li[4]/div[1]/a"));
       Actions actions = new Actions(driver);
       actions.moveToElement(avatarElement).perform();
       Thread.sleep(1000);
       //定位目标元素。如果鼠标不悬浮的话，是找不到这个元素的。
       driver.findElement(By.xpath("//*[@id=\"csdn-toolbar\"]/div/div/ul/li[4]/div[2]/div[1]/div[3]/a")).click();

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI0NzU0MDYx_size_16_color_FFFFFF_t_70]: /images/20230531/f6f154f656764eb6b4eb85aff4331552.png

发表评论取消回复

表情：

评论列表（有 0 条评论，206人围观）

还没有评论，来说两句吧...

相关阅读

相关 CSS实现鼠标悬浮时下拉菜单栏功能

个人学习笔记，欢迎评论，虚心接受批评和建议。效果图： ![在这里插入图片描述][20200817171333596.png_pic_center] 下拉效果：

缺乏、安全感/ 2023年10月05日 08:34/ 0 赞/ 53 阅读

相关使用Selenium定位鼠标悬浮出现的下拉菜单

使用Selenium定位鼠标悬浮出现的

爱被打了一巴掌/ 2023年06月11日 15:24/ 0 赞/ 207 阅读

相关鼠标悬浮导航栏显示下拉菜单

在这里介绍鼠标悬停导航栏显示下拉菜单得两种方法，html和css样式就不贴代码了。 1、原生js <script> // window.

布满荆棘的人生/ 2022年10月27日 05:24/ 0 赞/ 488 阅读

相关 html鼠标经过自动下拉菜单,js css鼠标悬停显示下拉菜单

个人信息维护学生信息修改修改密码\--%> 修改密码\--%> 修改密码--%> 退出登录用户：

傷城~/ 2022年10月05日 13:57/ 0 赞/ 468 阅读

相关 html下拉列表鼠标悬浮自动先出来,下拉菜单/下拉列表鼠标提示ToolTip【JQuery实现】...

本文介绍如何使用JQuery给下拉菜单/下拉列表增加鼠标提示(ToolTip)。 ![aa919629334475c7ce7dd6f9f0595d4b.gif][] 下拉列

电玩女神/ 2022年10月05日 13:00/ 0 赞/ 422 阅读

相关 jquerty鼠标移上显示隐藏菜单简洁下拉菜单

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

快来打我*/ 2022年09月26日 12:57/ 0 赞/ 326 阅读

相关经典的 div + css 鼠标 hover 下拉菜单

经典的 div + css 鼠标 hover 下拉菜单效果图： ![1483449-20181104185155190-1995357583.gif][] 源码：

骑猪看日落/ 2022年04月18日 02:35/ 0 赞/ 447 阅读

相关自动化测试——Selenium+Python之下拉菜单的定位

1.通过selenium.webdriver.support.ui的Select进行定位下拉菜单如下图： ![814362-20150925210803709-10553

川长思鸟来/ 2021年12月20日 12:41/ 0 赞/ 575 阅读

相关 day4——定位及下拉菜单

一、定位： 1. position:relative 相对定位以它默认位置为参考点定位 2. position:absolute 绝对定位;

柔情只为你懂/ 2021年12月03日 04:59/ 0 赞/ 383 阅读

相关鼠标悬浮菜单栏动画（vue版）

![在这里插入图片描述][20200506182037239.gif] 数据动态 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGV

我会带着你远行/ 2021年07月24日 20:18/ 0 赞/ 631 阅读