Firebug除錯JavaScript
阿新 • • 發佈:2018-12-16
建立一個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>
啟用Firebug, 新增斷點
在瀏覽器中按F12來開啟並激活Firebug。點選“指令碼”標籤頁,並在第6行插入斷點,如下面的截圖所示:
注意:
- 為了核實我們已經插入斷點,我們可在指令碼標籤頁的右邊“斷點”面板中檢視斷點列表。
- 在第6行顯示一個大的紅點,表明這裡插入了一個斷點。
開始執行除錯
- 一旦我們點選“Click Me!”按鈕,JavaScript將停在第6行,斷點所在的地方。
本教程由尚矽谷教育大資料研究院出品,如需轉載請註明來源。