脚本调试
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请求的应答文档……