PhantomJS错误处理

时间:2015-07-09 15:33:15

标签: javascript exception-handling phantomjs

我很难理解PhantomJS如何处理错误。

我有一个本地安装的Apache服务器运行(xampp),当我手动访问“http://localhost/”时,我得到“It Works!”页。

作为测试,我编写了一个小文件(称为forceError.js),故意导致未经检查的异常:

var page = require('webpage').create(),
    url = 'http://localhost/';

page.onError = function(msg, trace) {
  console.log("page.onError");
  var msgStack = ['ERROR: ' + msg];
  if (trace && trace.length) {
    msgStack.push('TRACE:');
    trace.forEach(function(t) {
      msgStack.push(' -> ' + t.file + ': ' + t.line + (t.function ? ' (in function "' + t.function +'")' : ''));
    });
  }
  console.error(msgStack.join('\n'));
};

phantom.onError = function(msg, trace) {
  console.log("phantom.onError");
  var msgStack = ['PHANTOM ERROR: ' + msg];
  if (trace && trace.length) {
    msgStack.push('TRACE:');
    trace.forEach(function(t) {
      msgStack.push(' -> ' + (t.file || t.sourceURL) + ': ' + t.line + (t.function ? ' (in function ' + t.function +')' : ''));
    });
  }
  console.error(msgStack.join('\n'));
  phantom.exit(1);
};

page.open(url, function (status) {
    console.log("status: " + status);

    // an undefined function
    thisShouldForceAnError();
});

当我使用以下方式运行时:

phantomjs.exe forceError.js

首先,我获得“状态:成功”,然后该过程就会挂起。我没有看到调用page.onError或phantom.onError。

是否需要打开某些属性或某些内容才能获得常规错误处理?

我使用的是Windows 7,PhantomJS 2.0.0版本,并在我的“git bash”shell中运行。

3 个答案:

答案 0 :(得分:7)

在MacOS上测试并且经历了完全相同的行为,这确实有点不直观,很可能只是一个错误。奇怪的是,如果从最顶层范围phantom.onError调用未定义函数,则可以正确调用 1

作为一种解决方法,您只需使用open包装try/catch回调的正文即可。希望它能完成这项工作。

只是为了澄清:如果在执行所请求页面的代码时发生错误,则调用page.onError - 而不是幻像脚本本身。 我一直依赖page.onError一段时间,它看起来非常稳定。 (虽然某些错误只发生在phantomjs引擎中,但不会发生在常规浏览器中。)

1 实际上:"phantom.onError"无限制地打印在控制台上,因为phantomjs不支持console.error

答案 1 :(得分:6)

接受的答案非常有用,但我会用代码示例补充它。

page.open("https://www.google.com/", function (status) {
    try {
        if (status !== "success") {
            console.log("Unable to access network");
        } else {
            //do some stuff with the DOM
        }        
    } catch (ex) {
        var fullMessage = "\nJAVASCRIPT EXCEPTION";
        fullMessage += "\nMESSAGE: " + ex.toString();
        for (var p in ex) {
            fullMessage += "\n" + p.toUpperCase() + ": " + ex[p];
        }
        console.log(fullMessage);
    }
});

输出看起来类似于此屏幕剪辑: Output

<强>更新 这似乎是page.open特有的错误。我注意到phantom.onError正在从回调中捕获内容,而不是直接在page.open内。这是另一种可能的解决方法。这至少允许您将所有错误处理代码放在一个位置,而不是拥有一堆try / catches。注意:page.onError内的内容仍然需要page.evaluate

page.open(genericSignInPageUrl, function (status) {
    setTimeout(function () { //hack for page.open not hooking into phantom.onError
        if (status !== "success") {
            throw new Error("Unable to access network");
        }
        //do some stuff
    }, 0);
});

当实际使用页面时,我已经开始使用它来确保我正在寻找的元素存在。由于我的代码在回调中,onError方法工作正常。 waitFor方法的代码在这里: https://github.com/ariya/phantomjs/blob/master/examples/waitfor.js

page.open(genericSignInPageUrl, function () {
    waitFor(function () {
        return page.evaluate(function () {
            return document.getElementById("idOfElementToIndicatePageLoaded");
        });
    }, function () {
        //do some stuff with the page
    });
});

答案 2 :(得分:1)

您的应用挂起,因为当您在console.error内拨打phantom.onError时看起来有一个循环。检查一下:Phantomjs v2, consume huge memory+cpu, after throwing exception.