如何在浏览器中调试Dojo？

Question

我目前正在(尝试)用Worklight Studio 5.0.6和Dojo (Mobile) 1.8.3开发一个应用程序。我很难找到一个合适的调试方法。在服务器上等待5-10分钟构建部署进程后，Chrome调试器中的错误通常如下所示：

​

​

我应该如何在我的源中跟踪这个错误？整个堆栈跟踪完全由Dojo代码组成，在20个抽象层之后生成一个绝对无用的错误消息。

说真的，你们在现实生活中是怎么处理这些的？您用什么方法在浏览器中调试Dojo驱动的应用程序？

斯皮罗

Answer 1

对于dojo.parse错误，我发现在所有异常上暂停Chrome调试器是有用的(屏幕截图上的紫色图标应该是蓝色的)。通常，您将在引发的第一个异常中获得有关错误原因、解析的DOM节点名称等的更多详细信息。

雷米。

Answer 2

调试基于dojo的应用程序应该与调试任何javascript应用程序相同。

通常我会遵循以下步骤：

1. 在代码中添加console.log()：这是快速的，而且大多数情况下这就足够了。
2. 调试器设置断点:如果步骤1不够，可以根据错误信息在错误行之前设置断点，然后步进或退出。
3. 注释最近更改了：对于一些很难找到错误行的错误，例如，在您的示例中解析错误，最好的方法是逐个注释掉最近的更改，直到回到上一个工作版本为止。或者，返回您的上一个工作版本，然后一个一个地添加回代码。
4. 创建一个简单的应用程序来再现错误：如果应用程序非常复杂，并且很难遵循上述方法，您可以尝试创建一个新的应用程序，该应用程序模仿当前应用程序，但使用简单的逻辑，并尝试再现错误。
5. 基于经验的：一些错误，例如，在chrome和火狐上工作的数组末尾的“额外”，将在IE上报告一个毫无意义的错误信息。调试这些错误是非常困难的，你可以根据你的经验或做谷歌搜索。

Answer 3

通常，在这种情况下，我所做的就是在错误回调(在您的例子中是第3398行)中放置一个断点，然后查看错误变量("e")。

我不知道您对Web检查器有多熟悉，但是一旦您到达断点，打开Web检查器'console‘并检查错误属性"e.message“和"e.stack”(只需在控制台中键入"e.message“)。此外，在开发过程中，最好避免Dojo优化/缩小，这大大提高了您的调试能力。

底线是尝试在抛出错误之前放置断点。