Debian上JS调试技巧有哪些 - 问答

在Debian系统上调试JavaScript代码有多种方法，以下是一些常用的调试技巧和工具：

使用浏览器开发者工具

Chrome：
1. 打开Chrome浏览器，访问你的网站或应用。
2. 右键点击页面元素，选择“检查”(Inspect)，或者按F12键打开开发者工具。
3. 点击开发者工具顶部的“Sources”选项卡。
4. 在左侧面板中，你可以看到项目中的JavaScript文件。点击文件名，可以在右侧面板中查看和编辑代码。
5. 在代码中添加断点，方法是在代码行号左侧单击。
6. 刷新页面或触发相关事件，当代码执行到断点处时，浏览器会暂停执行，你可以查看变量值、调用堆栈等信息。
Firefox：
1. 打开Firefox浏览器，访问你的网站或应用。
2. 右键点击页面元素，选择“检查元素”(Inspect Element)，或者按F12键打开开发者工具。
3. 使用类似Chrome的步骤来调试JavaScript代码。

使用Node.js调试器

Node.js内置调试器：
1. 在你的JavaScript文件中，添加 debugger; 语句。
2. 打开终端，运行 node inspect your_script.js（将 your_script.js 替换为你的文件名）。
3. 使用调试命令（如 cont（继续）、step（单步执行）、next（下一步）等）控制代码执行。
4. 查看变量值、调用堆栈等信息。
Chrome DevTools：
1. 使用 --inspect 标志运行Node.js应用程序，例如：node --inspect server.js。
2. 在Chrome浏览器中打开 chrome://inspect，点击“为Node打开专用DevTools”按钮，然后点击“添加连接”并匹配Node.js监听的端口。
3. 在DevTools中，你可以设置断点、查看变量、单步执行代码等。

使用IDE或文本编辑器

Visual Studio Code：

在项目根目录下创建 .vscode/launch.json 文件，配置调试任务。

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Debug Node.js",
      "program": "{workspaceFolder}/server.js"
    }
  ]
}

按F5启动调试，设置断点并逐步执行代码。

其他调试技巧

使用 console.log()：这是最基本但经常被低估的调试工具。策略性地使用 console.log() 可能会非常有效。
使用 debug 模块：debug 模块是Node.js中常用的日志工具，可以通过环境变量的形式细粒度地控制打印哪些日志。例如：
```
const debug = require('debug')('app');
debug('hello');
```
运行时，需要设置 DEBUG 环境变量：DEBUG=app node app.js。
使用日志记录到文件：为了将应用运行的日志做持久化处理，可以使用如 pino 这样的高性能日志模块将日志输出到文件。

通过这些方法，你可以在Debian上高效地调试JavaScript代码，选择适合你工作流程的工具和方法进行调试。

0 赞

0 踩