如何使用 Chrome 远程调试 CasperJS？

Question

在 Chrome 中调试 CasperJS 脚本的步骤是什么？我正在尝试在我的 Windows 8.1 上进行调试。

1) 我的测试 c:\temp\googletestin.js 有：

debugger;

casper.test.begin('Google search retrieves 10 or more results',3, function suite(test) {

    casper.start("http://www.google.com.br/", function() {
        this.echo(">>Number 1");
        test.assertTitle("Google", "Title home page google");

        casper.echo(">>Number 2");
        test.assertExists('form[action="/search"]', "find form search");

        casper.echo(">>Number 3");
        this.fill('form[action="/search"]', {
            q: "casperjs"
        }, true);

        this.echo(">>Number 4");
        casper.capture('test.png', undefined, {
        format: 'png',
        quality: 75
        });

    })

    casper.run(function() {
        test.done();
    });
});

2) 打开 cmd.exe

3) 执行命令行

>casperjs test c:\temp\googletesting.js --remote-debugger-port=9222 --remote-debugger-autorun=yes

ps：测试正常运行到结束

4) 打开 chrome 并填写该网址：http:localhost:9222

5) 页面为空白

6) 打开控制台 (f12) 并执行：__run(); 但没有任何反应

Answer 1

在第 3 步中，您需要将调试器选项传递给 CasperJS，而不是可以通过 casper.cli 访问的脚本。您也不应该让脚本自动启动 (--remote-debugger-autorun=yes)，否则它会在您调试之前运行。正如您所说的，您可以打开 Chrome/Safari 并调用 __run() 来触发脚本执行。

casperjs --remote-debugger-port=9222 test yourScript.js