调试错误所需的信息位于堆栈跟踪模块中。
堆栈跟踪的消息部分是错误的简要概述。在本例中,对未定义的值调用toUpperCase方法。
堆栈跟踪告诉您错误发生的位置和导致错误的函数调用序列。正如您在上面的屏幕截图中看到的,错误发生在index.js文件索引的第20行capitalizeString。
知道哪一行触发了错误,意味着您可以直接跳转到错误发生的地方,并开始挖掘导致问题的原因。
步骤3:探索开发工具的结构
第一步是在Firefox中启动应用程序并打开开发工具。您可以使用快捷键CMD-OPT-I(在OSX上)或CTRL-SHIFT-I(在Windows上)来实现这一点。
现在将在browser选项卡中打开Dev工具,控制台选项卡将是活动的。这个选项卡允许您在任何时候执行任意的JavaScript代码,或者从控制台查看任何输出。日志调用。
试着键入,alert(“hello!”);然后单击回车——你应该看到警报马上就出现了。