2013-11-15 118 views
0

最近,我有机会在一个包含一些大型JavaScript文件的项目上工作。我会说每个文件4000-5000行。例如,有3个大文件(自定义插件)相互构建。我有一个需要解决的调试任务(逻辑上,它不是一个JS错误)。当我试图调试和理解chrome开发工具下的逻辑时,例如逐步遍历或追踪变量来自哪里,我总会因为文件太大而迷路。我想也许我需要坐下来1或2天来读通所有的文件,并在纸上画出逻辑,我想这可能不是一个好的解决方案。我想知道是否有任何技术我错过了调试和跟踪变量或逻辑。请与我分享你的经验。谢谢调试大块javascript代码的技巧

+0

检查[什么是好技术...](http://stackoverflow.com/questions/5927249/what-are-some-good-techniques-at-debugging-javascript?rq=1)和其他一些问题关于调试。 –

+0

将消息记录到控制台,让您知道代码中的位置以及变量的外观总是一个很好的起点。 –

+0

它是什么样的问题?你能否提供一些背景知识,有些方法可能对某些问题更有效。 –

回答

2

有时当我看到类似的东西时,我首先创建一个测试。尝试仅测试缺陷。拿一份工作副本,并尽量减少它,直到你解决了问题。

祝你好运!

具体地,对于先进的步调试,有:

  • 使用调用栈来检查从主叫范围中的局部变量,而不必走出的功能。

  • 使用条件断点。

https://developers.google.com/chrome-developer-tools/docs/javascript-debugging

如果你的JavaScript赚了很多的HTTP请求,也可能是使用的网络选项卡检查请求有用的反应是预期。