|
锁定老帖子 主题：在Firebug中调试JavaScript
精华帖 (0) :: 良好帖 (0) :: 新手帖 (2) :: 隐藏帖 (0)
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2011-03-21
最后修改：2011-03-21
翻译自《Firebug 1.5》一书第5章 JavaScript开发
全文地址： http://mynoteweb.com/node/114 Firebug中单步调试JavaScript 在一个编辑器中输入下列代码，并保存为.html文件，然后使用Firefox打开它： <html> <head> <title>Javascript Debugging</title> <script> function populateDiv(){ var divElement = document.getElementById('messageLabel'); divElement.innerHTML = "Lorem ipsum dollor"; } </script> </head> <body> <div id="messageLabel"></div> <input type="button" value="Click Me!" onclick="populateDiv();" /> </body> </html> 现在在浏览器中按F12来打开并激活Firebug。点击“脚本”标签页，并在第6行插入断点，如下面的截图所示： 
Note 为了核实我们已经插入断点，我们可在脚本标签页的右边“断点”面板中查看断点列表。 在第6行显示一个大的红点，表明这里插入了一个断点。现在，点击“Click Me!”按钮来执行JavaScript代码。 一旦我们点击，JavaScript将停在第6行，断点所在的地方。 
现在我们可以单步调试JavaScript，通过点击在脚本标签页下的这些按钮来操作：继续、单步进入、单步跳过、单步退出。 
* 继续（F8）：只要脚本的执行被另一断点所终止，这个按钮就使得我们可以继续脚本执行。 * 单步进入（F11）：这个按钮可以使我们单步进入另一个函数的内部。 * 单步跳过（F10）：这个按钮使我们可以单步跳过函数调用。 * 单步退出：这个按钮使我们可以继续脚本的执行并停在下一个断点。 现在，我们点击“单步跳过”并按F10执行第6行并移动到第7行。注意右边的“监控”面板中的divElement的值。在执行第6行之前该值是undefined，在执行第6行之后，它被赋予一个HTML的div元素作为值。让我们来看下面的截图： 
声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
|
发表时间：2011-03-25
3年前就知道了，一直没用过，自认为真没alert快呢还
|
| 返回顶楼 | |
|
发表时间：2011-03-25
挺不错的，了解了！呵呵！
|
| 返回顶楼 | |
|
发表时间：2011-03-25
wj539h 写道 3年前就知道了，一直没用过，自认为真没alert快呢还
firebug还是很不错呀。我是从一个大神哪儿知道的，调js，CSS也方便。 
|
| 返回顶楼 | |
|
发表时间：2011-03-25
hastune 写道 wj539h 写道 3年前就知道了，一直没用过，自认为真没alert快呢还
firebug还是很不错呀。我是从一个大神哪儿知道的，调js，CSS也方便。 调CSS非常好，我经常在调样式的时候用firebug做一些微调，然后再写到代码里面。比改一次刷新一次强多了。 |
| 返回顶楼 | |
|
发表时间：2011-03-25
huansinho 写道 hastune 写道 wj539h 写道 3年前就知道了，一直没用过，自认为真没alert快呢还
firebug还是很不错呀。我是从一个大神哪儿知道的，调js，CSS也方便。 调CSS非常好，我经常在调样式的时候用firebug做一些微调，然后再写到代码里面。比改一次刷新一次强多了。 同意。尤其是查找到底哪个样式在实际发生作用时，很方便。 这本书有一章就是介绍CSS开发的，地址也贴在这里：http://mynoteweb.com/node/112 |
| 返回顶楼 | |
|
发表时间：2011-03-26
嗯 一开始也用 alert 后来发现firebug还是不错的 但是有些IE有错调不出来挺头疼的
|
| 返回顶楼 | |
|
发表时间：2011-03-26
你好， 想请教一下。
为什么高的版本firebug调试无法看到 scopeChain 属性。 |
| 返回顶楼 | |
|
发表时间：2011-03-27
wj539h 写道 3年前就知道了，一直没用过，自认为真没alert快呢还
高人··· console.log. console.info 比alert方便多了... Firebug控制台可以直接输入js代码，省的自己找dom节点 |
| 返回顶楼 | |
|
发表时间：2011-03-27
winting 写道 你好， 想请教一下。
为什么高的版本firebug调试无法看到 scopeChain 属性。 高版本变成闭包了: Closure Scope |
| 返回顶楼 | |
