调试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
@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