Question

目前，您可以在元素检查器窗口中右键单击DOM元素，然后选择“中断子树修改”。 Breakpointing很有用，但我也希望收集一些实时统计信息，并且希望将事件与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);

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

1 个答案: