Javascript

Question

我在这里做错了什么？我想向下滚动页面直到选择器消失。

    Nightmare.action('scrollPage', function (done) {
          this.evaluate_now(function () {
            var hitRockBottom = false; 
            while (!hitRockBottom) {
                // console.log("1");
            // Scroll the page (not sure if this is the best way to do so...)
            this.scrollTo(100000, 0);

            // Check if we've hit the bottom
            hitRockBottom = this.evaluate(function() {
                // console.log("0");
                return this.exists('selector') === null;
            }); }
          }, done)
        })

我正在使用：

.goto("link")
.scrollPage()

Answer 1

（从 Nightmare #625 移植我的原始答案。）

这是非常回答您问题的天真方法：

var Nightmare = require('nightmare');
var vo = require('vo');
var nightmare = Nightmare({
  show: true
});

var run = function * () {
  yield nightmare.goto('http://someInfiniteScrollPage.tld');

  var previousHeight, currentHeight=0;
  while(previousHeight !== currentHeight) {
    previousHeight = currentHeight;
    var currentHeight = yield nightmare.evaluate(function() {
      return document.body.scrollHeight;
    });
    yield nightmare.scrollTo(currentHeight, 0)
      .wait(3000);
  }
  yield nightmare.end();
};

vo(run)(function(err) {
  console.dir(err);
  console.log('done');
});

这种方法存在问题：当您访问 actually is an infinite scroll 的页面时，上述内容将永远不会结束。此外，可以将 .wait() 调用替换为等待滚动元素计数更改，以可能减少延迟并提高稳健性。不过，这应该足以让您入门。

编辑：您询问了选择器，您可以交换 while 子句以使用选择器而不是查看增加的高度。从臀部开始，类似于：

var Nightmare = require('nightmare');
var vo = require('vo');
var nightmare = Nightmare({
  show: true
});

var run = function * () {
  yield nightmare.goto('http://someInfiniteScrollPage.tld');

  while(document.querySelectorAll('.someClass').length > 0) {
    var currentHeight = yield nightmare.evaluate(function() {
      return document.body.scrollHeight;
    });
    yield nightmare.scrollTo(currentHeight, 0)
      .wait(3000);
  }
  yield nightmare.end();
};

vo(run)(function(err) {
  console.dir(err);
  console.log('done');
});

这种方法仍然存在问题：一方面，您依赖页面来满足 while 查询，这不一定得到保证。

Javascript - Nightmare.JS 无限滚动操作

Javascript - Nightmare.JS infinite scroll action

infinite-scroll

nightmare