本文介绍如何在HTML文件中使用Firebug进行JavaScript调试。通过在Firefox中创建并打开HTML文件，设置断点，当点击按钮时，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>
激活Firebug, 添加断点
在浏览器中按F12来打开并激活Firebug。点击“脚本”标签页，并在第6行插入断点，如下面的截图所示：
注意:
- 为了核实我们已经插入断点，我们可在脚本标签页的右边“断点”面板中查看断点列表。
- 在第6行显示一个大的红点，表明这里插入了一个断点。
开始执行调试
- 一旦我们点击“Click Me!”按钮，JavaScript将停在第6行，断点所在的地方。
本教程由尚硅谷教育大数据研究院出品，如需转载请注明来源。
扫一扫
14万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
