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

Question

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

该PhantomJS文档包括如何将一个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");
});