使用dom breakpoint找到修改属性的javascript代码

Jerry Wang

发布于 2019-06-24 10:06:13

8170

发布于 2019-06-24 10:06:13

Created by Jerry Wang, last modified on Sep 23, 2014

使用dom breakpoint能快速找到修改了某一个dom element的JavaScript code位于何处。在Chrome development tool里，选中想要inspect的dom element，右键选择Break on->Attributes modifications:

之后在DOM Breakpoint里能看到对应的entry:

点击Resume script execution，自动在dom attribute发生变化的地方停下来:

从callstack能得知是jQuery的hide方法设置了display:none的属性。

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2019年06月22日，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体分享计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度