javascript - PhantomJS - 等待方法不会执行函数。程序卡住了

Question

我在 PhantomJS 中使用 waitFor-Method 时遇到了一些问题。

这就是我想做的:

• 通过生成的网址加载多个网页
• 使用 jQuery 解析该页面中的一些链接
• 将每个已解析的链接存储在同一个数组中(在本示例中，我将仅记录它们)

我正在使用waitFor() -方法，这样我就可以等到页面被评估为止。据我了解，此方法将使程序无法继续，直到我作为参数传递的函数返回任何内容。

我的问题: 实际上程序执行完waitFor方法后就不会继续运行了。它只是卡住了。没有任何错误。我作为参数传递的函数不会被执行...至少控制台中没有日志记录。

当我删除 waitFor-Methot 时，它将正确执行代码，但是我无法多次执行handleSeriesPageListPage()-Method。我真的不太喜欢 js 和回调或异步方法处理。我想我犯了一些严重的错误，一些 javascript 专家将能够快速帮助我:)。

"use strict";
var page = require('webpage').create();
page.onConsoleMessage = function (msg) {
    console.log(msg);
};
var seriesPageBaseUrl = "https://www.example.com?pageid=";
var simpleBaseUrl = "https://www.example.com/";
var seriesPageIds = [0xx, 1xx];
var allSeriesUrls = [];


function handleSeriesPageListPage(url) {
    console.log("Open url: " + url);
    page.open(url, function (status) {
        console.log("status: " + status);
        if (status === "success") {
            waitFor(
                function () {
                    return page.includeJs("https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js", function () {
                        console.log("Included JS");
                        return page.evaluate(function () {
                            console.log("evaluate result...");
                            $('.list_item').each(function () {
                                var seriesLink = jQuery(this).find("a").first().attr("href");
                                var seriesUrl = simpleBaseUrl + seriesLink;
                                console.log(seriesUrl);
                                return true;
                            });
                        });
                    });
                }
            );
        } else {
            phantom.exit(1);
        }
    });
}

function nextSeriesListPage() {
    var seriesPageId = seriesPageIds.shift();
    if (typeof seriesPageId === "undefined") {
        console.log(allSeriesUrls);
        phantom.exit(0);
    }
    var targetURL = seriesPageBaseUrl + seriesPageId;
    handleSeriesPageListPage(targetURL);
}

nextSeriesListPage();

Answer 1

您使用的 waitFor() 函数不是处理异步任务的合适方法，而且您实际上误解了它的作用:

waitFor(testFx, onReady, timeOutMillis)

采用三个参数(第三个参数是可选的)。第一个参数是测试函数。它会重复执行，但每次都是同步执行，直到其返回值为true。然后，执行作为第二个参数给出的函数。如果在第三个参数给定的时间段内(默认为 3 秒)没有返回 true 值，则函数将退出并显示 'waitFor()' timeout 日志消息>.

您只提供了一个参数；一个在没有返回值的情况下完成的函数(基本上是page.includeJs())。因此，waitFor() 应在 3 秒后退出，并显示 timeout 消息。

你真正想要实现的是

• 等待页面加载
• 然后注入(inject) jQuery 脚本，并等待，
• 然后重新评估，并等待，
• 然后提取信息

这是四个异步任务。 PhantomJS 规定的基本方法是在上一个回调函数中继续执行相应的下一步，从而产生四个嵌套回调。

由于这不是一个好的模式(通常称为回调 hell )，Promise 模式已作为 Javascript 功能引入(或包含在多个库中) .

要了解如何将回调 API 重新表述为 Promises，请查看 How do I convert an existing callback API to promises?