Firebug使用详解(11)

发表于:2014-08-08来源:博客园作者:夏楚枫点击数: 标签:Firebug
下面我们来尝试一下断点的功能。 首先在测试页脚本里增加一个test的函数, 函数的主要操作是运行一个1000次的循环, 将循环的参数值显示在div2里: f

  下面我们来尝试一下断点的功能。

  首先在测试页脚本里增加一个test的函数,

  函数的主要操作是运行一个1000次的循环,

  将循环的参数值显示在“div2”里:

function test(){

for(var i=0;i<1000;i++){

document.getElementById('div2').innerHTML=i;

}

}

  在“div2”里增加一个“onclick”属性,

  单击后执行test:

<div id="div2" onclick='test()'>方块二</div>

  刷新页面,

  然后在“for(var i=0;i<1000;i++){”这行上设置一个断点,

  并设置条件为“i=100”(图7-3),

  然后单击“div2”开始执行函数test。

7-3

  当脚本停下来后,我们将鼠标移动到变量“i”上,

  这时会出现一个小方框,

  里面有一个数值,

  这就是变量“i“的当前值(图7-4)。

  在脚本调试的时候,

  你可以通过这个方法很方便的了解到当前变量的值。

  你还可以通过右边窗口的“Watch”标签查看到“i”的值(图7-5)。

7-4

 

7-5

  在“Watch”标签窗口我们可以通过“Options”菜单选择查看用户自定义属性(Show User-defined Properties)、

  用户自定义函数(Show User-defined Functions)、

  DOM属性(Show DOM Properties)、

原文转自:http://www.cnblogs.com/xiachufeng/archive/2010/08/02/1790411.html