"冻结"页面以检查对光标移动作出反应的元素

Question

我正在寻找一种"冻结"页面的方法,以便我可以检查出现的元素,例如当我悬停一个字段时.

我知道这里的答案:Firebug:如何检查随鼠标移动而变化的元素？

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

我正在寻找一个更通用的解决方案,也适用于从Javascript显示的元素.

Answer 1

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

一个样本Jsfiddle.

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

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