Google chrome 是否可以在控制台中手动挂接Chrome DOM断点事件？

目前，您可以在element inspector窗口中右键单击DOM元素，然后选择“在子树修改时中断”。断点很有用，但我也想收集一些实时统计数据，并希望通过JS控制台钩住事件，即启动回调函数，而不是实际中断执行。这可能吗？

按如下方式绑定事件：

// DOMNodeInserted may be more interesting
document.addEventListener('DOMSubtreeModified', function(event) {
    console.log(event.target);  // Logs the element
});

---

记录的元素是“活动的”，因此在记录时不会显示该元素。对于

DOMNodeInserted

事件，可以使用：

console.log（event.target.outerHTML）
你是我的英雄，谢谢你。我想您不知道如何跟踪触发回流的时间？：）在回应我自己的评论时，我意识到我错过了Chrome上显示布局/绘制事件的“时间线”功能。