如何用chrome控制台查看动态创建出来的DOM节点

用控制台查看HTML结构时,有些DOM节点是在页面上某个元素聚焦了,然后js动态创建出来的,如果失焦了,这些动态创建出来的DOM节点又被移除了。

当要用控制台查看这些动态创建的节点的DOM结构时,只要点了控制台,就会导致页面上的元素失焦而让DOM节点被删除了,就始终没法查看这些动态创建的节点的结构。有什么办法可以解决这个问题?

阅读 5.6k
2 个回答

1、你可以在代码里把失焦点删除dom的代码注视掉啊,等你测试查看完了再恢复代码。

2、如果你不能修改代码,可以先打开控制台,找到删除dom代码的地方,在删除之前加断点,这样代码会在删除dom之前停住,你可以尽情查看此时的dom解构了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题