52、JavaScript调试教程与资源汇总

JavaScript调试教程与资源汇总

1. 调试教程

1.1 调试概述

在这个调试教程中，我们将使用Firebug来调试一个包含各种类型错误（语法错误、运行时错误和逻辑错误）的文件。该页面是一个简单的测验程序，会提出三个问题并打印测验结果。你可以在任何网页浏览器中打开 complete_debugger.html 文件，查看该页面预期的运行效果。

1.2 调试步骤

1.2.1 打开文件与控制台

1. 启动Chrome浏览器，打开 chapter17 教程文件夹中的 debugger.html 文件。
2. 打开JavaScript控制台：点击Chrome设置按钮，选择“工具”→“JavaScript控制台”；或者使用键盘快捷键，Windows系统按 Ctrl + Shift + J ，Mac系统按 c - Option - J 。
3. 控制台报告该页面有两个错误，我们先处理第二个错误，即“Uncaught SyntaxError: Unexpected token ; ”错误。此错误表明浏览器在此处意外遇到了分号，由于分号表示语句结束，说明该语句可能存在问题。同时，注意错误所在的行号（如图17 - 8中圈出的部分）。

1.2.2 解决数组未闭合问题

1. 点击错误行号（图17 - 8顶部圈出的部分），Chrome会打开“Sources”面板，并高亮显示有问题的行。很多错