javascript - "Freezing"页面检查对光标移动使用react的元素

Question

我正在寻找一种“卡住”页面的方法，这样我就可以检查出现的元素，例如当我将鼠标悬停在某个字段时。

我知道这里的答案:Firebug: How to inspect elements changing with mouse movements?

但这仅限于由 CSS :hover 选择器触发的事件。

我正在寻找一种更通用的解决方案，该解决方案也适用于从 Javascript 显示的元素。

Answer 1

一种选择是在某个事件发生时触发 Chrome 调试器(需要在触发事件之前打开开发工具)。例如:

A sample Jsfiddle .

//Click anywhere
$('body').on('mousedown', function() {
    debugger;
});

//Space pressed
$(document).keypress(function(e) {
    if (e.which == 32) {
      debugger;
    }
});