Html 如何在chrome开发工具中同时查看元素选项卡和源选项卡

我有一个流氓空白

从我的代码中的某个地方被插入，很难找到它何时进入。我正在使用

调试器
是否有任何方法可以更快地完成此视图的故障排除（可能是开发工具的第二个实例？或拆分选项卡？）或其他建议？因为我不知道它是如何生成的，所以我不能给div上色，只能在屏幕上寻找颜色…
在chrome开发工具上仍然无法同时显示元素和源选项卡。（最新Chrome版本：v64）

如果某个元素被插入到DOM中，并且您希望找到负责添加它的代码，那么我建议使用比
调试器更合适的工具。签出“”：

子树修改“>
您现在可以右键单击视图选项卡并选择“移动到底部”“因此，您可以在
上看到元素和来源。尽管答案提供了解决方案并被接受，但它并不是op问题标题的确切答案。它是有用的，但有一点不完整会使线程以这种方式产生误导。我建议要么编辑问题，要么扩展解决方案。