如何给 js 设置断点？在浏览器控制台中，将鼠标悬停在目标行号上并点击蓝点，或右键单击并选择 "添加断点"。在 node.js 命令行中，使用 "brk [line_number]"，其中 [line_number] 是行号。在调试器工具中，将光标放在目标行上，并单击 "调试" 按钮或使用键盘快捷键。

如何给 JS 设置断点

介绍
在调试 JavaScript 代码时，断点是一个有用的工具，它允许开发者在特定行或位置暂停执行，以便检查变量值和执行流程。本文将介绍如何在各种环境中给 JS 设置断点。

浏览器控制台

WebStorm Linux版

WebStorm 2026.2 Linux tar.gz 安装包，适合在 Linux 桌面环境中搭建现代前端开发与调试工作流。

下载

• 在 Chrome 或 Firefox 等现代浏览器中，打开开发人员工具（通常通过 F12 访问）。
• 在 "源" 面板中导航到要调试的 JS 文件。
• 将鼠标悬停在要设置断点的行号旁边。
• 点击出现的蓝点或右键单击并选择 "添加断点"。

Node.js 命令行

• 在命令行中使用 node inspect 命令启动 Node.js 脚本。
• 脚本执行后，将在控制台中显示一个提示符。
• 输入 brk [line_number]，其中 [line_number] 是要设置断点的行号。

调试器工具

• 使用调试器工具，如 VS Code 或 WebStorm，可以更轻松地设置断点。
• 打开要调试的 JS 文件。
• 将光标放在要设置断点的行上。
• 单击工具栏中的 "调试" 按钮或使用键盘快捷键（通常为 F9）。

注意事项

• 断点只会在激活时触发。对于浏览器控制台，需要重新加载页面以激活断点。对于 Node.js，断点将在脚本执行期间自动激活。
• 可以通过在断点行号旁边点击蓝点或右键单击并选择 "删除断点" 来删除断点。
• 如果断点设置不正确或与代码不匹配，调试器可能会出现错误。
• 使用断点时要小心，因为它们可能会影响代码的执行时间和顺序。