如何异步调试JavaScript? (许多脚本正在加载)

时间:2012-04-16 10:11:49

标签: javascript ajax debugging fiddler google-chrome-devtools

一般来说,我知道如何设置断点,检查变量,进入函数等...

Default.htm 由数百个脚本和空 占位符组成。

理想情况下,我想一步一步地进行。在第一行中设置断点不起作用:

Sample breakpoint

当我跳过下一个函数调用时,它已经很久了(一切都已加载)。

Chrome Developer Tools

一般如何调试异步加载脚本? (时间线清楚地表明它们同时加载)

也许我应该使用Fiddler等HTTP代理?我知道如何设置简单断点(BPU)然后呢? fiddler breakpoint

换句话说 - 哪种方式 - How can I debug my JavaScript code? - 是否符合我的需求?

1 个答案:

答案 0 :(得分:2)

如果您使用的是chrome dev工具:

  1. 让网站加载
  2. 在js的入口点放置一个断点。 (如果你不知道它在哪里,但是在Sources选项卡下每个文件最外层的断点。
  3. F5(刷新网页)
  4. 被击中的第一个断点是你的切入点。 F11 - 踏入,F10 =跨越。
  5. 希望这会有所帮助。