javascript - 如何调试 Cordova 的钩子(Hook)？

Question

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

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

cordova prepare ios

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

有什么推荐吗？

PS:我说的调试是真正的调试，也就是说有断点和变量显示等。

Answer 1

2019 年 11 月 25 日更新的答案

由于 node-inspector 已被弃用，下面是我现在将如何执行此操作:

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

原始答案 2017 年 6 月 7 日以下是我调试 Hook 脚本的方法:

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

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

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

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

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