PhantomJS一个接一个地打开一页

时间:2015-06-20 13:04:53

标签: javascript phantomjs

我使用此示例创建了一个phantomjs代码来登录网站。

var page = require('webpage').create();
page.open("http://www.facebook.com/login.php", function(status) {

  if (status === "success") {
    page.onConsoleMessage = function(msg, lineNum, sourceId) {
      console.log('CONSOLE: ' + msg + ' (from line #' + lineNum + ' in "' + sourceId + '")');
    };
    page.evaluate(function() {
      console.log('hello');
      document.getElementById("email").value = "email";
      document.getElementById("pass").value = "password";
      document.getElementById("u_0_1").click();
      // page is redirecting.
    });
    setTimeout(function() {
      page.evaluate(function() {
        console.log('haha');
      });
      page.render("page.png");
      phantom.exit();
    }, 5000);
  }
});

从这个链接。 https://gist.github.com/ecin/2473860

但我想从按钮打开另一个链接或直接在它上面。我该怎么办?

这是一个更简单的例子。不起作用......

var page = require('webpage').create();
var url = "www.example.com";

page.open(url, function (status) {

    setTimeout(function () {
        page.evaluate(function () {
            console.log('haha');
        });
        page.render("example.png");
        phantom.exit();
    }, 5000);

});



var url = "www.google.com";

page.open(url, function (status) {

    setTimeout(function () {
        page.evaluate(function () {
            console.log('haha');
        });
        page.render("google.png");
        phantom.exit();
    }, 5000);

});

1 个答案:

答案 0 :(得分:8)

非常接近,现在将两个片段合并为一个。 page.open()是异步的,这就是为什么只有在第一页完成后才需要打开下一页的原因:

var page = require('webpage').create();
var url = "http://www.example.com";

page.onConsoleMessage = function(msg, lineNum, sourceId) {
    console.log('CONSOLE: ' + msg + ' (from line #' + lineNum + ' in "' + sourceId + '")');
};

page.open(url, function (status) {
    page.onConsoleMessage = function(msg, lineNum, sourceId) {
        console.log('CONSOLE: ' + msg + ' (from line #' + lineNum + ' in "' + sourceId + '")');
    };
    page.evaluate(function() {
        document.getElementById("email").value = "email";
        document.getElementById("pass").value = "password";
        document.getElementById("u_0_1").click();
        // page is redirecting.
    });

    setTimeout(function () {
        page.evaluate(function () {
            console.log('haha');
        });
        page.render("example.png");


        var url = "http://www.google.com";

        page.open(url, function (status) {
            setTimeout(function () {
                page.evaluate(function () {
                    console.log('haha');
                });
                page.render("google.png");
                phantom.exit();
            }, 5000);
        });
    }, 5000);
});

要实际查看console.log()内的page.evaluate(),您需要注册page.onConsoleMessage事件。调试时还有其他更多有用的事件。

不要忘记将协议(http://或file:///)添加到您要打开的网址中。 PhantomJS在这方面有点挑剔。

在您执行某些操作后,直到下一页加载为止,而不是等待静态时间(setTimeout())。您应该使用page.onLoadFinished事件。这对于导航密集型脚本来说是相当麻烦的。使用CasperJS表示更长的脚本。

Element.click()通常不起作用。 This question针对这些案例提供了许多解决方案。