在 Casper JS（基于 Phantom JS）中，如何捕获 DOM 完成后加载的 JavaScript 错误？

Question

我有一个Casper JS 脚本（Casper JS 基于Phantom JS），它将另一个脚本注入到外部 URL 中。注入的脚本在加载 DOM 后运行代码，类似于 jQuery 的 $(document).ready() 的工作方式。

如果注入的脚本包含 JavaScript 错误，那么如果在 DOM 之后加载，Casper JS 将不会捕获它。如果立即运行，Casper 将捕获错误。

下面的代码不会输出错误ReferenceError: Strict mode forbids implicit creation of global property 'string'。如果您查看最底线，则可以交换行中的 cmets 以获取此错误。我希望即使在加载 DOM 后运行代码时也会发生此错误。

要运行代码，安装 Casper JS 并在控制台中输入：casperjs casper.js

casper.js

// Include Casper's "utils" so we can dump variables.
var require = patchRequire(require);
var utils = require('utils');

// Open a URL and inject our JS.
var casper = require('casper').create();
casper.start('http://example.com/', function() {
  casper.page.injectJs('inject.js');
});

// Wait a moment to give everything time to load, then check that the function
// exists and returns something.
casper.wait(1000, function() {
  var testValue = casper.evaluate(function() {
    return test();
  });

  casper.echo(testValue);
});

// If there are any errors along the way, then print them.
casper.on('page.error', function(msg, trace) {
  casper.echo(msg);
  casper.echo(utils.dump(trace));
});

// Actually run everything.
casper.run();

inject.js

// Be strict on this page so that errors occur.
'use strict';

function run() {
  window.test = function() {
    // An error will occur here because the variable was never declared.
    testing = 'test';
    return testing;
  }
}

// If the below line is used, then "ReferenceError: Strict mode forbids implicit
// creation of global property 'string'" appears as expected.
// run();

// If the below line is used instead of the one above, then the same error does
// not appear.
document.addEventListener('DOMContentLoaded', run);

Answer 1

看来您注入脚本inject.js 为时已晚，在页面加载并触发事件之后。

有一种方法可以在页面初始化之后、加载之前进行注入：

casper.on('page.initialized', function(msg, trace) {
  casper.echo("Injecting JS");
  casper.page.injectJs('inject.js');
});

还有一个注意事项。你写道：

如果 run() 函数通过 DOMContentLoaded 事件运行，则不会显示 ReferenceError

正如我们现在所知，它实际上从未通过 DOMContentLoaded 事件运行。我相信你会这样做，但我觉得再次强调我们应该记录所有内容非常重要，尽可能在任何地方记录以防万一。

所以我总是添加到像 casper.js 这样的脚本中，不仅是 page.error，而且还有 remote.message 回调，以便能够从 casper.page 上下文中 console.log()：

casper.on('remote.message', function(msg) {
  casper.echo(msg);
});

然后在inject.js 中添加一个console.log 调用：

function run() {
  window.test = function() {

    console.log("run() has run");

    // An error will occur here because the variable was never declared.
    testing = 'test';
    return testing;
  }
}

并发现它没有运行（不是因为严格模式它不只是产生错误）。