Полная страница PDF в Puppeteer

Question

Я пытаюсь получить полную страницу PDF, используя puppeteer, и мой код выглядит следующим образом, но в результате получается несколько страниц с высотой, равной высоте страницы.

Как мне решить эту проблему??TIA.

const puppeteer = require("puppeteer");

function sleep(ms) {
    return new Promise(resolve => {
        setTimeout(resolve, ms);
    });
}

(async () => {
    const browser = await puppeteer.launch({
        headless: true
    });

    const page = await browser.newPage();

    await page.goto("http://localhost:3000/longpage", {
        waitUntil: "networkidle2"
    });

    let height = await page.evaluate(
        () => document.documentElement.offsetHeight
    );

    console.log("Height", height);

    await page.pdf({
        path: "hni.pdf",
        printBackground: true,
        margin: "none",
        height: height + "px"
    });

    await browser.close();
})();

Answer 1

На странице , на которую вы ссылались , используется Bootstrap, для которой установлено следующее правило (вы можете найти его здесь ):

@page{size:a3}

Это ограничит высоту страницы размером a3.

Вы можете удалить правило (или Bootstrap в целом) с веб-сайта или добавить следующий код перед вызовом page.pdf:

await page.addStyleTag({
    content: '@page { size: auto; }',
})