ajax实用技术教学课件作者程继洪肖川李海斌编著第4章javascript基础4.8-4.9.pptxVIP

4.8 JavaScript调试 到目前为止，你已经写过不少程序了。如果程序中出现了错误该怎么办？你可能立刻就会想到异常处理。但异常处理只能发现错误并进行“优雅”的处理，实质上是掩盖了错误！ 这不是我们想要的结果。我们想要发现程序中出现的语法错误或逻辑错误，从而订正它们，而不是掩盖它们。 如何才能发现错误呢？ 这需要借助一定的工具。许多集成的JS IDE中提供了调试功能。我们现在给大家介绍的是浏览器中集成的“开发者工具”。看似不起眼的小工具，足可以用任我们的调试任务。 图4-6 Firefox和Chrome浏览器的开发者工具 图4-6显示了Firefox和Chrome浏览器中的开发者工具，F12键可以打开（至少Firefox和Chrome是这样，其他没有测试过）。 下面以Chrome的开发者工具为例进行说明。 在Chrome中按F12或者浏览器工具栏右侧的 图标打开开发者工具窗口，如图4-6的下图，默认停靠在浏览器窗口的右侧。单击 按钮可调出如图4-7所示的工具栏： 图4-7 开发者工具控制工具栏 可以实现开发者工具显示效果的控制，从左到右依次是独立窗口、底部停靠和右侧停靠。图4-8为开发者工具独立窗口显示效果。 图4-8 Chrome开发者工具 窗口顶部显示的是功能选项卡，如下图所示。 下面从左到右简介如下： 查看元素——单击该按钮，然后在网页中点击要查看的元素，则会在El