当你在调试 JavaScript 代码时，可能会遇到需要调试外部 JS 脚本的情况。Firebug 是一个常用的浏览器插件，它提供了强大的 JavaScript 调试工具，并支持设置断点进行代码跟踪和调试。在本文中，我们将介绍如何在 Firebug 中设置外部 JS 脚本的断点，以便更方便地进行调试。
步骤：
- 打开 Firefox 浏览器并安装 Firebug 插件。
- 在浏览器中打开包含所需外部 JS 文件的页面。
- 点击 Firebug 图标打开 Firebug 控制台。
- 在控制台的“Script”选项卡中选择要调试的 JavaScript 文件。
- 在代码行号左侧单击以设置断点。您可以通过单击已设置的断点来取消选择它们。
- 刷新页面，使新的断点生效。
- 在页面上执行相应操作，并在程序执行到断点处时，程序会停止执行，您可以检查变量的值、执行堆栈等信息。
注意：如果您的浏览器版本较新，则可能需要使用 Firefox 开发者工具代替 Firebug 进行调试。
示例代码：
下面是一个简单的示例，演示如何在 Firebug 中设置断点：
-- -------------------- ---- ------- --------- ----- ------ ------ --------- ------- -- -- ---------- ------- ---------------------- --------------------------- ------- ------ ------- ---------------------------------- ------- -------
external.js 文件包含以下代码：
function addNumbers() {
var x = 10;
var y = 20;
var z = x + y;
console.log(z);
}在 Firebug 控制台的“Script”选项卡中，选择 external.js 文件，并在第 3 行单击以设置断点。刷新页面并单击“计算”按钮，程序会在第三行暂停执行，您可以检查变量值并进行调试。
结论：
通过本文所述步骤，您可以在 Firebug 中轻松地设置外部 JS 脚本的断点，并更方便地进行 JavaScript 调试。注意要及时清除不再需要的断点，以免产生冗余和干扰程序执行。祝你在前端开发中愉快地学习和调试！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/31673