16

<div>从代码中的某个地方插入了一个流氓空白,很难找到它何时进入。我正在使用debugger;并单步执行代码,但是,step 函数位于 chrome 开发工具的“源”选项卡中,并且“元素”选项卡具有我需要的视图。我有两个屏幕,一个屏幕上有开发工具,另一个屏幕上有页面,但是当我单步执行代码时,我需要查看 div 何时通过 HTML,并且之后切换选项卡非常麻烦每次点击。

有什么方法可以实现此视图以更快地进行故障排除(可能是开发工具的第二个实例?或拆分选项卡?),或其他建议?因为我不知道它是如何生成的,所以我无法为 div 着色,而只是寻找屏幕上出现的颜色......

4

2 回答 2

11

仍然无法在 chrome 开发工具上同时显示元素和源选项卡。(最新的 Chrome 版本:v64)。

如果某个元素被插入到您的 DOM 并且您想找到负责添加它的代码,那么我建议使用比debugger;. 查看“子树修改”:

中断 -> 子树修改

于 2013-07-19T07:59:15.140 回答
0

您现在可以右键单击视图选项卡并选择“移至底部”,这样您就可以在

于 2021-02-10T04:13:34.397 回答