如何检查鼠标单击时出现的元素，鼠标离开时消失的元素答案

【问题标题】：How I can inspect the elements that appear while mouse click, disappear while mouse leave如何检查鼠标单击时出现的元素，鼠标离开时消失的元素
【发布时间】：2019-11-17 13:44:12
【问题描述】：

我想使用 c# selenium 检查 chrome-developer 中的 YouTube 设置菜单元素。

YouTube 设置菜单元素在鼠标单击时出现，但如果鼠标移出则消失，因此我无法在 chrome-developer 中检查该元素。

有什么想法吗？

【问题讨论】：

当我点击 chrome 检查器工具时，YouTube 设置菜单消失。我找不到阻止它消失的好方法，但我可以告诉你设置菜单的 css 类是 ytp-settings-menu。在开发者工具 Element 选项卡中查找类 ytp-settings-menu 的 div，然后取消选中 Style display: none;，就可以看到设置菜单了。

标签： selenium google-chrome selenium-webdriver

【解决方案1】：

ctrl+shift+i，然后尝试“Sources”选项卡，然后转到您要调试的文件，然后添加换行符。接下来刷新页面。这是我们正在寻找的图片，检查了 google.com 页面的图片。

一旦你在调试中点击鼠标到达换行符，你可以转到元素选项卡，它应该有当前在屏幕上暂停的元素。

【讨论】：

【解决方案2】：

Visual Studio 和 Chrome 浏览器占窗口宽度的一半
点击后断点
在 chrome 浏览器中，按F12 进行检查
我们可以在检查工具区域找到设置对话框元素。
调试时不能点击html正文区域（红色区域）。

【讨论】：