当我向下滚动时，会创建新内容.新内容有一个特定的类名.
我怎样才能一直向下滚动，直到所有元素都加载完毕？
换句话说，我想达到这样一个阶段:如果我一直向下滚动，就不会加载任何新内容.
我用代码向下滚动，加上
await page.waitForSelector('.class_name');
这种方法的问题是，在加载了所有元素之后，代码会继续向下滚动，不会创建新的元素，最终会出现超时错误.
以下是代码:
await page.evaluate( () => {
window.scrollBy(0, window.innerHeight);
});
await page.waitForSelector('.class_name');
试一试:
const puppeteer = require('puppeteer');
(async () => {
const browser = await puppeteer.launch({
headless: false
});
const page = await browser.newPage();
await page.goto('https://www.yoursite.com');
await page.setViewport({
width: 1200,
height: 800
});
await autoScroll(page);
await page.screenshot({
path: 'yoursite.png',
fullPage: true
});
await browser.close();
})();
async function autoScroll(page){
await page.evaluate(async () => {
await new Promise((resolve, reject) => {
var totalHeight = 0;
var distance = 100;
var timer = setInterval(() => {
var scrollHeight = document.body.scrollHeight;
window.scrollBy(0, distance);
totalHeight += distance;
if(totalHeight >= scrollHeight){
clearInterval(timer);
resolve();
}
}, 100);
});
});
}