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

标签 javascript ajax debugging fiddler google-chrome-devtools

通常我知道如何设置断点、检查变量、进入函数等...

Default.htm 包含数百个脚本和空的 占位符。

理想情况下,我想逐步进行。像这样在第一行设置断点不起作用:

Sample breakpoint

当我跨过下一个函数调用时,它早已消失(一切都已加载)。

Chrome Developer Tools

通常如何调试异步加载脚本? (时间轴清楚地表明它们正在同时加载)

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

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

最佳答案

如果您使用的是 chrome 开发工具:

  1. 让网站加载
  2. 在您的 js 的入口点放置一个断点。 (如果您不知道它在哪里,而是在“源”选项卡下每个文件的最外层范围内的断点。
  3. F5(刷新网页)
  4. 第一个被击中的断点是你的切入点。 F11 - 步入,F10 = 跨过。

希望这对您有所帮助。

关于javascript - 如何异步调试 JavaScript? (许多脚本正在加载),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10172220/

相关文章:

javascript - 上下滚动时淡入淡出元素

javascript - PrimeNG 表体不显示数据

python - 将 Ipython 命名空间转移到 ipdb

c++ - C++ 中的变量作用域?

javascript - React-Select - 替换自定义选项内容的组件

javascript - 如何在 Klaviyo 中将数字转换为逗号分隔值

jquery - 刷新部分 View 不会重新运行 jquery

ajax - canary --disable-web-security 不再适用于 AngularJS 项目中的 ajax 请求

javascript - Ajax 成功和错误函数未在 jquery 中正确调用

macos - 如何在 Mac 上使用 JetBrains Rider 开发和调试运行到 Docker 中的 .NET Core 应用程序