首先安装firebug，在firefox的扩展里搜索安装即可。
然后在页面中启用firebug中的脚本：
然后在网页某些位置加入debugger命令，比如如下页面代码：
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>js弹出新窗口</title> <script type="text/javascript"> function open_new(obj){ debugger; window.open(obj.href,'search','width=400,height=300,left=500,top=500,scrollbars,resizable'); } </script> </head> <body> <a href="http://www.baidu.com" onclick="open_new(this);return false;"> go to baidu to search！ </a> </body> </html>
在鼠标单击链接时，会执行open_new()函数，而该函数中含有debugger命令，所以会在这个地方中断下来。你可以停下来查看一些变量的值，或选择继续执行。
debugger也可以在断点处查看参数的值:(谷歌浏览器下查看---谷歌浏览器更方便调试)
例如:
function beforeRemove(treeId, treeNode) { debugger if(confirm("确认删除?")){ if(treeNode.isParent){ alert("不能删除非叶子节点"); return false; } return true; } }
停住之后可以在开发者工具右边的scope区域查看局部变量与全局变量。
