如何调试 Cordova 的钩子？

Question

我想知道是否可以在 Cordova 中调试 javascript 钩子？

我的钩子在准备之前被触发。 我的命令是

cordova prepare ios

我目前使用 Visual Studio Code，并且有一个插件“Cordova 工具”可以在运行时调试应用程序。 但我的需要是在构建时进行调试。

有什么推荐吗？

PS：我说的debug是真正的debug，也就是断点和变量显示等。

Answer 1

2019 年 11 月 25 日更新的答案

由于不推荐使用node-inspector器，因此我现在将如何执行此操作：

• 在 Chrome 浏览器中打开chrome://inspect
• 从我的 Cordova 应用程序项目的根目录运行node --inspect --inspect-brk /path/to/node_modules/cordova/bin/cordova prepare包含我希望调试的钩子脚本
• 在 Chrome 选项卡中，按目标上的inspect以打开 Chrome 开发工具
• 在 Filesystem 选项卡下，选择Add folder to workspace并选择包含钩子脚本的 Cordova 项目中的目录
• 在我的钩子脚本中添加断点
• 在 Chrome Dev Tools 中按 Play 继续并点击我的断点

原始答案 2017 年 6 月 7 日这是我调试钩子脚本的方法：

• 安装节点检查器： npm install -g node-inspector

• 从 Cordova 项目根目录，通过节点检查器运行 Cordova 命令并使用适当的选项来触发我的钩子脚本，例如：

  node-debug /path/to/node_modules/cordova/bin/cordova prepare

• 当节点检查器在 Chrome 选项卡中打开时，浏览源以查找您的钩子脚本

• 添加断点
• 按 Resume 继续执行到您的断点
• 然后你可以交互式调试你的钩子脚本：

Answer 2

通过将此启动配置放入项目根目录下的.vscode/launch.json文件，您可以在 VS Code 中轻松调试 Cordova 挂钩，而无需打开浏览器：

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Cordova Prepare",
      "program": "C:/Program Files/nodejs/node_modules/cordova/bin/cordova", // This is for winx64 adjust it to your platform
      "args": ["prepare"]
    }
  ]
}

在钩子的文件中放置一个断点并按 F5 或转到“ Debug and Run侧菜单并按“Cordova Prepare”文本旁边顶部的“播放”按钮。