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

Question

目前，您可以在元素检查器窗口中右键单击 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);