intellij-idea - 使用 IntelliJ/WebStorm 和 PhantomJS/Casper 设置 JS 调试

Question

我可以获得一个在 PhantomJS 和/或 CasperJS 上工作的交互式 JS 调试器吗？

Answer 1

PhantomJS 有一个 remote-debugger-port您可以使用该选项在 Chrome 开发工具中调试 casper 脚本。要使用它，只需使用此参数执行您的 casper 脚本:
casperjs test script.js --remote-debugger-port=9000
然后，打开http://localhost:9000在 Chrome 中点击 about:blank显示自身的链接。然后，您应该会发现自己处于熟悉的 Chrome 开发工具领域。

由于这是一个脚本而不是网页，为了开始调试，您必须在脚本执行之前执行以下两项操作之一:

在 Chrome 开发工具页面中，打开控制台并执行 __run()实际启动您的脚本。

插入 debugger;在您的代码中添加一行，并使用额外的 --remote-debugger-autorun=yes 运行您的 casper 脚本。争论。在远程调试页面打开的情况下执行此操作将运行脚本，直到它命中您的 debugger;线。

有一个很棒的tutorial这很好地解释了这一切。