调试

Xebcnor     最近更新时间:2020-08-04 05:37:59

372

当你写程序的时候很有可能出现错误,这在脚本中被称为一个bug。

发现和修复 bug 的过程叫做调试,是一个正常的开发过程的一部分。本节讨论的工具和技术,可以帮助您进行任务调试。

IE 浏览器里面的错误信息

跟踪错误的最基本的方法是在您的浏览器中打开错误信息。默认情况下,当一个错误发生在页面,Internet Explorer 在状态栏显示错误图标:

image1

双击这个图标将您带到一个对话框,这个对话框将会显示发生的特定的错误信息。

因为这个图标很容易忽视,当发生错误时,Internet Explorer 提供了选项自动显示错误对话框。

要启用这个选项,选择 Tools --> Internet Options --> Advanced tab。最后通过检查显示一个关于每一个脚本错误框的通知,选项如下所示:

image2

在 Mozilla 或 Firefox 里的错误消息

火狐 Netscape 和 Mozilla 等浏览器将错误消息发送到一个叫做 JavaScript 控制台或错误控制台的特殊窗口。查看控制台,选择 Tools-->Error Consol or Web Development。

不幸的是,因为这些浏览器在一个错误发生时,没有给出视觉的标示,你必须保持打开控制台,才能看您的脚本执行的错误。

image3

错误通知

错误通知,出现在控制台或通过 IE 浏览器对话框里的错误是语法和运行时错误的结果。这些错误通知会显示错误所在的行号当错误发生时。
如果您使用的是 Firefox浏览器,那么你可以点击在错误控制台脚本中可以获得的错误从而到达有错误的那一行。

如何调试脚本

有多种方法来调试 JavaScript

用一个 JavaScript 验证器

检查您的 JavaScript 代码出现的奇怪的错误的一种方法是通过程序来运行它,检查它以确保它是有效的。这是官方语言的语法规则。这些程序被称为验证解析器,也可以简称为验证器,通常是存在于商业HTML和JavaScript编辑器。

最方便的 JavaScript 验证器是 Douglas Crockford's JavaScript Lint,Douglas Crockford's JavaScript Lint 可以免费在线使用。

简单地访问这个网页,将 JavaScript 代码(只有 JavaScript )粘贴到文本区域,并单击 jslint 按钮。这个程序将通过您的 JavaScript 代码解析,确保任何变量和函数定义遵循正确的语法。它还将检查 JavaScript 语句,比如 if 和 whil e语句,以确保他们也遵循正确的格式

添加调试代码到您的程序

您可以在你的程序中使用 alert() 或 document . write() 方法去调试你的代码。例如,你应该这样写:

    var debugging = true;
    var whichImage = "widget";
    if( debugging )
       alert( "Calls swapImage() with argument: " + whichImage );
    var swapStatus = swapImage( whichImage );
    if( debugging )
       alert( "Exits swapImage() with swapStatus=" + swapStatus );

当他们出现的时候,通过检测程序内容和alert()s的命令,你可以非常容易的确定你的程序是否有错误。

使用一个JavaScript调试器

调试器是一个应用程序,该应用程序确保各种各样的脚本在程序员的控制下执行。脚本调试器通过一个界面提供细粒度的控制的状态,允许您检查和设置值以及控制流执行。

一旦一个脚本被加载到一个调试器,它可以每次运行一行或指示停止在某个断点。一旦停止执行,程序员可以检查脚本和它的状态变量,以确定是否有地方出了问题。你也可以观察变量的变化值。

最新版本的 Mozilla JavaScript 调试器(代号为完 Venkman )Mozilla 和 Netscape 浏览器可以下载 http://www.hacksrus.com/~ginda/venkman

对开发人员有用的技巧

这里有几个技巧,您可以使用在你的脚本中用于减少错误的数量,同时使调试过程更容易一些。

展开阅读全文