javascript - 如何在 PhantomJS 中包含多个 JavaScript 库？

Question

我正在使用 PhantomJS 根据我通过 JS 操作的 HTML canvas 元素的状态生成一系列图像。此 Canvas 操作依赖于 3 个独立的 JS 库和一些我在 window.onload 期间调用的内联脚本。

PhantomJS docs涵盖如何包含单个 JS 库，但不包含如何包含多个。

谁能给我提供正确的语法来包含几个 JS 库，然后在 window.onload 期间运行一些脚本？

Answer 1

page.includeJs() 有一个回调。第一个完成后，您可以加载下一个。这通常是递归完成的。

function multipleIncludeJs(page, jsArray, done) {
    if (jsArray.length === 0) {
        done();
        return;
    }

    var url = jsArray.shift();
    page.includeJs(url, function(){
        multipleIncludeJs(page, jsArray, done);
    });
}

并像这样使用它:

multipleIncludeJs(page, ["http://code.jquery...", "http://getbootstrap..."], function(){
    console.log("loaded");
});