前言

前几天打了个国外的比赛(corCTF)当时有道node的题，代码不长，但难度却不小，后来看wp发现要从node这些底层模块来看，这下调试代码就显得尤为重要，以前我写程序调试都只是打几个 print 来看如何，一直没有注意vscoded的 Debug 。

vscode Debug

老规矩，遇事不决，官方文档，比谁说的都清楚

vscode Debugging

我这里只是简单的说明一下

vscode的侧边栏打开debug工具栏，直接点解创建 launch.json 文件 (该文件是调试的配置文件)

image-20220810163819826

生成后该配置文件默认在当前工作目录下的 .vscode 文件夹下 (注意：必须用vsocde打开一个目录才能启用调试功能)

创建配置文件选择自己要调试的语言种类即可(vscode未内置的需要安装对应的扩展), 这里以nodejs为例

image-20220810164210615

配置文件里有一些参数需要设置（详细参数请见官方文档），如无其他特殊要求保持默认即可

image-20220810164329906

这里特殊说明一下这个 skipFiles 选项，这个配置是 想要忽略的文件，其中的 <node_internals>/** 就是指node中内置的一些包，进行单步调试的过程中并不会进去到其内部。注意，vscode是默认忽略内部文件的，如果想要进入内部，可以把 skipFiles 中的内容注释掉，像这样image-20220811130825340

注意不能把 "skipFiles" 选项也注释掉，不然就是vscoed的默认配置了（默认忽略内部文件）

后续就正常的打断点

image-20220810165429434

之后在调试工具栏点击 Launch Program 旁的调试按钮即可

image-20220810165601983

image-20220810165834740

这样就可以具体观察到相关的变量情况以及其调用堆栈等信息(非常详细)

上方的控制器有各种调试功能，根据自身情况使用即可(需要访问浏览器才能触发的web程序记得要访问才能触发)

image-20220810170022324

这里简单说明一下

  • image-20220812124413941第一个按钮是继续，表示从当前断点位置继续运行到下一个断点或程序结尾

  • image-20220812124708217第二个按钮是单步跳过，表示在当前代码页面运行到下一行，例如点击单步跳过后就会由这个位置

    image-20220812124844574

    运行到这个位置（一行一行执行）

    image-20220812124902918

  • image-20220812125032828第三个按钮是单步调试，表示一步一步运行，遇到函数会进入函数内部，如

    image-20220812125236909

    点击单步调试后会进入 setHeader 函数里面

    image-20220812125325340

    后续继续点击单步调试就会一句一句执行

  • image-20220812125555568第四个按钮是单步跳出，表示从当前函数跳出，如上文我们进入 setHeader 函数内部后我们想要跳出这个函数，就可以点击单步跳出

    image-20220812125743624

    点击后成功跳出 setHeader 函数到下一行代码

  • 后续的两个按钮是重启和停止，这里不做赘述