我在代码中的某个地方插入了一个rogue blank<div>我正在使用debugger;并单步执行代码，但是，step函数位于chrome dev tools的“sources”选项卡中，“elements”选项卡具有我需要的视图。我有两个屏幕，一个屏幕上有dev工具，另一个屏幕上有page，但是我需要看看当我一步一步地浏览代码时，DIV是什么时候通过HTML的，每次点击之后切换选项卡是很麻烦的。
是否有任何方法可以更快地完成此视图的故障排除（可能是开发工具的第二个实例）？还是分开标签？）或者其他建议？因为我不知道它是如何生成的，所以我不能给DIV上色，而只是在屏幕上寻找颜色…
最佳答案
仍然不可能在chrome dev工具上同时显示元素和源选项卡。（最新的Chrome版本：v64）。
如果某个元素被插入到您的DOM中，并且您希望找到负责添加它的代码，那么我建议使用比debugger;更合适的工具。签出“subtree modifications”：
关于html - 如何在chrome dev工具中同时查看元素选项卡和源选项卡，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17735899/