ajax相关--查看文章
 
JavaScript与的调试四:脚本调试
发布时间:2009-4-12

脚本调试

Firebug的脚本调试功能相当强大。将选项卡换到"脚本",如图11.20所示,在Firebug窗口顶部与CSS面板一样,有一个文件列表按钮。在右边有4个按钮和一个搜索框。

 
(点击查看大图)图11.20  "脚本"选项卡

这里4个按钮的作用与Delphi等IDE工具的调试按钮一样,当脚本在断点处停止执行后,可通过按钮控制脚本的执行,从而对脚本进行跟踪调试。

(1) 第1个按钮的作用是继续执行脚本,不再跟踪,它的快捷键是F8。

(2) 第2个按钮的作用是单步执行,每次只执行一条语句,该方式在遇到函数调用时不进入调用函数内部进行跟踪,它的快捷键是F10。

(3) 第3个按钮也是单步执行,每次执行一条语句,但它遇到函数调用时会进入调用函数内部进行跟踪,它的快捷键是F11。

(4) 第4个按钮的作用是跳出当前函数,返回到调用该函数的语句的下条语句,该按钮没有快捷键。进行脚本调试,设置断点是必需的功能。在Firebug中设置断点有3种方式:

在脚本中加入debugger语句,这是早期常用的方法。

如图11.21所示,单击脚本行号旁边的空白区域,出现红色点表示断点已设置。

如图11.22所示,在控制台出现错误后,单击错误语句右边的灰色圆点。

 
图11.21  在脚本面板中设置断点
 
(点击查看大图)图11.22  在控制台中设置断点

1. 屏蔽断点

如果要暂时屏蔽某个断点,如图11.23所示,在脚本面板右边区域的"断点"选项卡中,取消断点左上角的选择框的选择就可以了。要屏蔽所有断点,单击"断点"选项卡中的"选项"菜单,在菜单里选择"禁用所有断点"命令即可。

2. 删除断点

要删除断点,除了单击脚本行号旁的红色圆点外,还可以在如图11.23所示的"断点"选项卡中单击断点右上角的删除图标。如果要删除所有断点,单击"断点"选项卡中的"选项"菜单,在菜单中选择"移除所有断点"命令即可。以上移除断点的方法不能移除debugger语句设置的断点。

有时候,想在满足条件时才暂停脚本,例如,有一个1000次的循环,当循环变量等于100时才暂停脚本。Firebug提供了设置条件断点的功能,如图11.24示,在脚本行号左边空白处单击鼠标右键,然后在弹出的对话框中输入条件就可以了。

 
图11.23  屏蔽断点
 
(点击查看大图)图11.24  断点
和Delphi等IDE工具一样,在程序暂停后,可将鼠标移动到变量上,通过提示信息查看变量的当前值。如果想移动到某行脚本,可在搜索框内输入"#n",其中n为行号。



 [ajax相关]javascript数组中的splice方法 (未知,08-02)
    splice方法是javascript中数组的一个方法,其功能是:可向数组删除并加入新的元素.其方法声明如下: arrayObject.splice(index,howmany,element1,..,elementX)index:必选项.指定在哪个位置加入/删……

 [ajax相关]CSS基本布局16例 (未知,08-17)
这段时间是一直在学习 div+css布局,感觉这段挺实用的,转了过来,以下布局资料原作者:Owen Briggs单行单列 单行单列1:采用float浮在左上角,固定宽度。 单行单列2:固定在左上角,固定宽度,采用的是绝对(absolute)定位。 单行单列3:固定在左上角,不固定宽度,采用百分比……

 [ajax相关]Javascript 弹出窗口控制和双击滚屏 (佚名,03-06)
Javascript 弹出窗口, 居中与居角扩大窗口至屏幕最大值和双击滚屏说明:主要使用 Js 的 setInterval() 和 clearInterval() 函数完成操作.目录:1. 居中弹出窗口, 并逐步扩大2. 居角弹出窗口, 并逐步扩大3. 双击滚屏, 单击停止,……

 [ajax相关]Javascript设计模式学习(二)封装续 (佚名,07-11)
有一个避免其他程序员无意间写出重名函数的办法,在你想作为私有属性或者私有方法的命名前加一个下划线,像这样 this._name = name;,这样虽然不能避免所有的错误,但是能够避免绝大多数的无意识命名引起的冲突。  Scope,Nested Functions,and Closures……

 [ajax相关]关于HTTP及XMLHTTP状态代码一览 (佚名,03-06)
(一) HTTP 1.1支持的状态代码    100 Continue 初始的请求已经接受,客户应当继续发送请求的其余部分    101 Switching Protocols 服务器将遵从客户的请求转换到另外一种协议    200 OK 一切正常,对GET和POST请求的应答文档……

 


©2008 MyExt.cn
本站文章来自互联网,仅供学习和研究使用,如有版权问题,请发送Email:myext@126.com.