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

Inspect Element shows elements for just a few seconds before all of the rows collapse

有人说这已经被回答了,然后我的问题就被关闭了。

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

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 中检查器的左侧)然后单击项目 I需要 CSS 选择器,因为我在工具部分看到了该元素,但是当我右键单击它并选择复制->CSS 选择器时,table 它处于折叠状态(在一两秒钟),我无法再访问我单击的项目。我试过在工具视图中手动展开 TR 并向下钻取到我需要的 TD,但同样的事情发生了。

有人知道阻止这种情况发生的方法吗?昨天我很快就复制了一些,但出于某种原因,今天似乎复制得更快,我没能赶上它。

还建议右键单击该项目并选择检查元素,但这样做的效果相同。该项目在工具部分显示大约 2 秒,然后 table 崩溃。

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

当元素树倒塌时,表明它已更新。例如,当 iframe 的 URL 或文档发生更改或通过 JavaScript.

替换子树结构时,就会发生这种情况。

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

火狐

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

Chrome/Edge

  1. 切换到 来源 面板。
  2. 看到要检查的元素后,单击暂停脚本执行 按钮或按F8
  3. 导致 JavaScript 执行停止(例如通过与页面交互)。当页面上提示 Paused in debugger 时,您可以看到 JavaScript 执行已停止。
  4. 执行停止后,单击页面中的Select元素以检查它工具栏中的按钮或按Ctrl+Shift+C.
  5. 单击要检查的元素。