通过在其上拖动其他元素来找出激活/出现的元素的 css 选择器

Question

我有一个 HTML 页面的左侧和右侧。从左侧我将一个元素拖到右侧，使所需的元素出现在页面上。现在由于我用鼠标按住元素，同时我无法右键单击所需元素以在控制台中找到它。

我正在开发 Widows 7，使用的是 Firefox 的插件。

Answer 1

如果是由 JavaScript 控制的事件导致元素出现，您可以使用 Script panel 中的 Break On Next 按钮 ()。该函数允许您在下一次函数调用时停止脚本执行。

根据是否更改了 HTML 结构，您还可以使用 Break On Mutate 按钮 ()，甚至通过 中的 context menu options Break On Attribute Change or Break On Child Addition or Removal 进行更细粒度的控制>HTML 面板。

使用上面的函数脚本执行应该在元素显示时停止。然后，您可以切换到 HTML 面板并检查那里的元素。

注意：当脚本执行停止时，您不能使用检查器功能。您必须导航到 HTML 面板中的元素。