Inspect Element 在所有行折叠之前仅显示元素几秒钟答案

【问题标题】：Inspect Element shows elements for just a few seconds before all of the rows collapseInspect Element 在所有行折叠之前仅显示元素几秒钟
【发布时间】：2020-12-07 01:41:38
【问题描述】：

有人建议这已经得到回答，然后我的问题被关闭了。

我查看了所有链接，但没有看到答案。请不要关闭我的问题，除非您完全确定它已被回答。

Why XPath does not highlighted the yellow mark in Chrome84? (2 answers) Chrome 84 Inspect element, find results not highlighted in yellow like before (6 answers)Chrome DevTools not find elements not search)

我正在编写一些 Selenium 代码，并且需要获取页面上某个项目的 CSS 选择器。所以我打开页面并进入工具模式。我使用哪个浏览器都没有关系——Chrome、FireFox、Edge——当点击“从页面中选择一个元素”按钮（在 FireFox 中检查器的左侧）然后点击我需要 CSS 选择器的项目因为我在工具部分看到了该元素，但是当我右键单击它并选择复制-> CSS 选择器时，它所在的表格折叠（在一两秒内）并且我不再有权访问我单击的项目上。我已经尝试在工具视图中手动展开 TR 并向下钻取到我需要的 TD，但同样的事情发生了。

有人知道阻止这种情况发生的方法吗？昨天我很快就复制了一些，但由于某种原因，今天似乎发生得更快，我无法抓住它。

还建议右键单击该项目并选择“检查元素”，但这也是同样的事情。该项目在工具部分显示大约 2 秒钟，然后表格折叠。

【问题讨论】：

我可以访问的公共网站吗？可以提供链接吗？
不-抱歉。它是私人的。我会尝试找到一个公开的例子。
您是否设法获得了您正在寻找的元素？我正在尝试做同样的事情，但 Webdriver 仍然没有找到我想要的元素。我想知道是不是因为当我的网络驱动程序试图找到该元素时，HTML 是灰色的。

标签： selenium css-selectors google-chrome-devtools firefox-developer-tools

【解决方案1】：

当元素树崩溃时，表示它已更新。例如，当 iframe 的 URL 或文档发生更改或子树结构被 JavaScript 替换时，就会发生这种情况。

为了阻止这种情况发生，您可以在看到要检查的元素后在下次执行时停止 JavaScript 执行。然后您就可以使用检查按钮检查元素。

火狐

切换到调试器面板。
看到要检查的元素后，单击暂停按钮或按F8。
导致 JavaScript 执行停止（例如，通过与页面交互）。您可以看到，当页面上有一个白色覆盖层和提示 Paused at Execution 时，JavaScript 执行已停止。
执行停止后，单击工具栏中的从页面中选择一个元素按钮或按Ctrl+Shift+C.
单击要检查的元素。

铬/边缘

切换到来源面板。
看到要检查的元素后，单击暂停脚本执行按钮或按F8。
导致 JavaScript 执行停止（例如，通过与页面交互）。您可以看到当页面上有提示 Paused in debugger 时，JavaScript 执行已停止。
执行停止后，单击工具栏中的选择页面中的元素进行检查按钮或按Ctrl+Shift +C.
单击要检查的元素。

【讨论】：

感谢本教程。我使用这种方法得到了我正在寻找的 HTML 元素。 Selenium 仍然找不到我需要的元素。有没有办法通过将本教程放入实际的 Python 代码中来暂停 JavaScript 代码的执行？
您可以指示 Selenium 等待添加特定元素。有关更多详细信息和代码示例，请参阅selenium.dev/documentation/en/webdriver/waits。

【解决方案2】：

我找到了一个半可行的解决方案。当项目出现在工具窗口中时，在它消失之前记下它的名称。然后转到搜索 HTML 框并输入它的名称。它仍然出现然后消失，但它似乎保持可见的时间更长。

【讨论】：