最近,我有机会在一个包含一些大型javascript文件的项目上工作。我会说每个文件4000-5000行。例如,有3个大文件(自定义插件)构建在彼此之上。我得到了一个需要解决的调试任务(逻辑上并且它不是js错误)。当我尝试调试并理解chrome dev工具下的逻辑时,例如逐步执行或跟踪变量来自哪里,我总是迷路,因为文件太大了。我想也许我需要坐下来玩1或2天来阅读所有文件并在纸上绘制逻辑,我想这可能不是一个好的解决方案。我想知道是否有任何技术我错过了调试和跟踪变量或逻辑。请与我分享您的经验。感谢
答案 0 :(得分:2)
有时当我看到类似的东西时,我会先创建一个测试。尝试仅测试缺陷。拍摄工作副本并尝试将其减少,直到您将问题隔离开来。
祝你好运!具体来说,对于高级步骤调试,有:
使用调用堆栈从调用范围检查局部变量,而不必退出该函数。
使用条件断点。
https://developers.google.com/chrome-developer-tools/docs/javascript-debugging
如果您的JavaScript发出大量HTTP请求,使用网络选项卡检查请求和响应是否符合预期也可能很有用。