首先安裝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區域查看局部變量與全局變量。
