2007-09-28

How to debug Javascript

---By Jimmy.Shine

调试Javascript的方法，整理笔记时发现，与大家共享。
@see Professional JavaScript for Web Developers by

Nicholas C.Zakas,by Wiley Publishing
     JavaScript高级程序设计 人民邮电出版社出版中文版
  
  Venkman 作为Mozilla的调试器，是针对Mozilla(Firefox)的自

由工具。安装路径为：

http://www.hacksrus.com/~ginda/venkman/。在此，会发现一个

vendkman的列表，点击最新版本旁边的Install的链接。
1. 要运行Venkman，可点击Tools->Web Development->JavaScript

Debugger来手工打开窗口。此后，venkman的窗口会将所有包含有

javascript的文件自动载入调试器窗口。也可以在代码中使用

debugger命令。一旦遇到debugger命令，调试器会自动开启并在这

一行代码上停止执行。
2. 在Venkman中的视图
   1)Loaded Script
   显示包含JavaScript的文件，HTML或是外部JavaScript文件。

然后展开每个文件会出现其中包含的函数，显示函数名和函数开始

的行号。
   2)Open Windows
   显示Mozilla打开的所有浏览器窗口(和标签页)。在每个窗口下

是已经载入的HTML文件，再下面是JavaScript文件的列表。可以通

过右键点击文件然后选择Set As Evalution Object来在不同的窗

口之间切换调试器的焦点。
   3)Local Variables
   遇到断点时，该视图中便会出现正在执行的代码的范围内可用

的所有变量的列表。如果变量包含的是对象，也可以展开变量名来

查看对象所有的特性。在断点处停止执行后，如果要更改变量的值

，可以双击变量名，然后输入新的值。
   4)Watches
   显示调试器会话的监视器的列表。监视器的工作就是监视变量

值的变化。一旦变量的值发生变化，Watches视图中就会自动更新

。
   5)Breakpoints
   显示调试器会话中已经注册的断点的列表。
   6)Call Stack
   遇到断点时，该视图会显示调用堆栈(到断点处的函数调用的序

列)。
   7)Source Code
   显示任何包含JavaScript的文件的源代码。
   8)Interactive
   一个传统风格的调试器的命令行界面。在这个视图中，利用文

本命令几乎可以控制调试器的任何方面。

3. Loaded Script面板
   利用此面板可以打开或者是关闭要调试的代码。
4. 断点
   在Venkman的各种设置断点的方法中，用鼠标双击左边的空白。
   也可以使用命令:
   /break file.html 23      设置断点     
   /fbreak file.html 7      设置未来断点
   以上函数都包含二个参数:文件名 行号
   可以通过点击断点的设置处来取消断点的设置。
   /clear file.html 23        取消断点
   调试工具栏的五个按钮。
   调试按钮        文本命令
   stop            /stop
   Continue        /cont
   Step Over        /next
   Step Into        /step
   Step Out         /finish
评论
afcn0 2007-09-30
直接把xpi文件拖到firefox窗口上也可以
jimmy.shine 2007-09-30
Re grantgreat:

看来你从来没有安装过firefox的插件，你可以点击firefox的菜单中的　工具-->附加软件-->获取扩展 再搜索一下javascript debugger,进入后，你就知道如何安装了。
dow
grantgreat 2007-09-29
下载的是一个xpi文件,怎么安装呢??
发表评论

提醒: 该博客已发表在公共论坛，博客所有留言会成为论坛回贴，留言请注意遵守论坛发贴规则

您还没有登录，请登录后发表评论

jimmy.shine
搜索本博客
最近加入圈子
存档
最新评论