Handle infinite scroll on websites with puppeteer
Small puppeteer tool which makes your parsing experience a little bit better
Usage
size - Number of pixels to scroll on each step [default: 250]
delay - Delay in ms after each completed scroll step [default: 100]
stepsLimit - Max number of steps to scroll [default: null]
const puppeteer = require('puppeteer')
const { scrollPageToBottom } = require('puppeteer-autoscroll-down')
const browser = await puppeteer.launch()
const page = await browser.newPage()
await page.goto('http://example.com')
const lastPosition = await scrollPageToBottom(page, {
size: 500,
delay: 250
})
await browser.close()Async content loading
You can use returned value with request/response hooks to handle async content loading
const puppeteer = require('puppeteer')
const { scrollPageToBottom } = require('puppeteer-autoscroll-down')
const browser = await puppeteer.launch()
const page = await browser.newPage()
await page.goto('http://example.com')
let isLoadingAvailable = true // Your condition-to-stop
while (isLoadingAvailable) {
await scrollPageToBottom(page, { size: 500 })
await page.waitForResponse(
response => response.url() === 'http://example.com' && response.status() === 200
)
isLoadingAvailable = false // Update your condition-to-stop value
}
await browser.close()Not only scroll to the bottom, but there is also function for scroll to the top
scrollPageToTop supports same API as scrollPageToBottom
const puppeteer = require('puppeteer')
const { scrollPageToTop } = require('puppeteer-autoscroll-down')
const browser = await puppeteer.launch()
const page = await browser.newPage()
await page.goto('http://example.com')
const lastPosition = await scrollPageToTop(page, {
size: 500,
delay: 250
})
await browser.close()Install
npm i puppeteer-autoscroll-downor
yarn add puppeteer-autoscroll-downLicense
MIT