Question

我正在寻找一种方法来解冻＆＃34;一个页面，所以我可以检查出现的元素，例如当我悬停一个字段时。

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

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

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

Answer 1

一种选择是在特定事件时触发Chrome调试器（开发工具需要在触发事件之前打开）。例如：

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

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

Answer 2

Firefox在检查器中具有“ break on ...”选项-右键单击检查器中的一个元素，选择“ break on-> attribute Modify”，然后在您为该元素修改DOM时，调试器将为您调用。然后，您可以与检查器一起玩以查看更改，只是出现一个问题，即网页被冻结（即无法选择），但是您仍然可以使用检查器来选择元素。

Answer 3

打开 Firefox 开发者工具 (F12)，选择调试器选项卡。按 F8 是暂停页面执行的快捷方式，可以检查显示的元素，包括 Javascript 显示的元素。

Answer 4

在Chromium中，将鼠标放在元素上，然后-> Ctrl-Shift + C

＆＃34;冷冻和＃34;用于检查对光标移动做出反应的元素的页面

4 个答案: