phantomjs - 使用 PhantomJS 设置远程调试

Question

我正在尝试使用 PhantomJS 设置远程调试，但运气不佳。我按照 https://github.com/ariya/phantomjs/wiki/Troubleshooting 上的说明进行操作。我有一个名为 debug.js 的小程序:

var system  = require('system' ), fs = require('fs'), webpage = require('webpage');

(function(phantom){
    var page=webpage.create();

    function debugPage(){
        console.log("Refresh a second debugger-port page and open a second webkit inspector for the target page.");
        console.log("Letting this page continue will then trigger a break in the target page.");
        debugger; // pause here in first web browser tab for steps 5 & 6
        page.open(system.args[1]);
        page.evaluateAsync(function() {
            debugger; // step 7 will wait here in the second web browser tab
        });
    }
    debugPage();
}(phantom));

现在我从命令行运行它:

$ phantomjs --remote-debugger-port=9001 --remote-debugger-autorun=yes debug.js my.xhtml

console.log 消息现在显示在 shell 窗口中。我打开浏览器页面 localhost:9001。正是在这一点上，文档说“获取幻像上下文的第一个 Web 检查器”但是，我只看到 about:blank 的单个条目。当我点击它时，我会看到一个不相关的 about:blank 页面的检查器，其 URL 为 http://localhost:9001/webkit/inspector/inspector.html?page=1。文档讨论了执行 __run()，但我似乎无法到达执行该操作的页面； about:html 似乎包含一个 __run() 这是一个无操作。

FWIW，我在 W8 下使用 PhantomJS 1.9.1。

我错过了什么？

Answer 1

文档说:

To run your script, simply enter the __run() command in the Web Inspector Console.

__run() 不是一个空操作，而只是脚本的包装器。您需要先选择Console选项卡，然后在命令窗口中输入__run()。如果您熟悉 Chrome，它与开发人员工具非常相似。