如何使用 google 开发者工具/firebug 记录所有 dom 子树修改

发布于 2024-12-20 14:40:46 字数 128 浏览 1 评论 0原文

我知道如何使用谷歌开发者工具“破坏”所有子树修改，但是有没有办法记录 javascript 中导致 html 元素子树修改的所有调用？我需要这样做，因为如果我中断对子树的修改，网站就会崩溃，并且我无法看到所使用的 javascript 调用。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

ヤ经典坏疍 2024-12-27 14:40:47

如果您只对记录何时从 DOM 中插入或删除节点以及它是什么节点以及插入或删除的位置感兴趣，您可以执行以下操作：

(function(){

    function log( e ) {
        console.log( e );
    }
    document.body.addEventListener( "DOMNodeInserted", log );
    document.body.addEventListener( "DOMNodeRemoved", log );

})();

这当然不会给您调用堆栈，但它应该给您您可以了解问题可能出在哪里。

If you're only interested in logging when a node is inserted or removed from the DOM and what node it was and where it was inserted or removed, you could do something like this:

(function(){

    function log( e ) {
        console.log( e );
    }
    document.body.addEventListener( "DOMNodeInserted", log );
    document.body.addEventListener( "DOMNodeRemoved", log );

})();

This gives you no call stack of course but it should give you a clue as to where the issue might be.

回复收藏 0 原文

~没有更多了~