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：
  1. 在项目根目录下创建 .vscode/launch.json 文件，配置调试任务。

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

  2. 按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代码，选择适合你工作流程的工具和方法进行调试。