插件窝 干货文章 js如何打断点

js如何打断点

断点 strong 调试器 行号 184    来源:    2024-10-19
javascript 中断点是一种调试工具,允许开发人员在程序执行的特定位置暂停执行。可以在浏览器或 node.js 中使用调试器工具设置断点:在浏览器中:打开 "sources" 面板并单击代码行号。在 firefox 中,右键单击代码行并选择 "add breakpoint"。在 node.js 中:运行 node --inspect-brk script.js,并在调试器中单击代码行号。支持的断点类型包括行断点、条件断点和日志断点。设置断点后,程序将在断点处暂停,允许开发人员检查变量值和执

如何使用 JavaScript 断点

简介

断点是一种调试工具,它允许开发人员在程序执行的特定行或点暂停。在 JavaScript 中,可以使用调试器工具(如 Chrome DevTools 或 Node.js 调试器)设置断点。

在浏览器中设置断点

  • Chrome DevTools:

    • 打开 "Sources" 面板。
    • 导航到要设置断点的代码行。
    • 单击代码行号左侧的数字。
  • Firefox DevTools:

    • 打开 "Debugger" 面板。
    • 导航到要设置断点的代码行。
    • 右键单击代码行并选择 "Add Breakpoint"。

在 Node.js 中设置断点

  • Node.js 调试器:

    • 在命令行中运行 node --inspect-brk script.js。
    • 打开一个调试器(如 Chrome DevTools)。
    • 导航到要设置断点的代码行。
    • 在调试器中单击代码行号左侧的方块。

类型

JavaScript 支持以下类型的断点:

  • 行断点:在特定行暂停执行。
  • 条件断点:在特定条件满足时暂停执行。
  • 日志断点:在特定行时打印日志消息。

用法

设置断点后,当程序执行时,它将在断点处暂停。开发人员可以检查变量值、执行栈等,以帮助调试代码。

移除断点

要移除断点:

  • Chrome DevTools:单击断点左侧的数字。
  • Firefox DevTools:右键单击断点并选择 "Remove Breakpoint"。
  • Node.js 调试器:在调试器中取消选中代码行号左侧的方块。