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

Question

当前，您可以在element-inspector窗口中右键单击一个DOM元素，然后选择“在子树修改上断开”。突破点很有用，但我也想收集一些实时统计数据，并希望能够使用JS控制台来挂钩事件，即触发我的回调函数而不是实际中断执行。这可能吗？

Answer 1

绑定的事件如下：

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

记录的元素是“活”的，所以它不会显示在记录的时间因素。对于DOMNodeInserted事件，可能有用：console.log(event.target.outerHTML);