java puppeteer生成pdf,通过puppeteer生成的PDF内容丢失

I am trying to generate the PDF by sending the URL to puppeteer. I gave specific height and width as options to page.pdf method. I am able to get the exact height of the PDF but at the end some content is missing. And it is only happening with more height PDF's.

Below is my code:

let pdf = {};

const puppeteerArguments = [];

puppeteerArguments.push('--disable-web-security', '--allow-running-insecure-content', '--no-sandbox',

'--disable-setuid-sandbox',

'--disable-gpu',

'--no-first-run',

'--hide-scrollbars',

'--disable-dev-shm-usage',

'--allow-cross-origin-auth-prompt',

'--enable-hardware-overlays',

'--start-fullscreen'

);

const browser = await puppeteer.launch({headless: true, args: puppeteerArguments, sloMo: 0});

const page = await browser.newPage();

const {url} = payload;

await page.setViewport({

width: 1024,

height: 7500,

deviceScaleFactor: 1,

isMobile: false

});

page.setExtraHTTPHeaders({

"cookie": '******',

});

await page.goto(url, {waitUntil: 'networkidle0', timeout: 0}).then(() => {

console.log('load success');

});

await page.emulateMedia('screen');

await page.addStyleTag({

content: `

html {

-webkit-print-color-adjust: exact !important;

-webkit-filter: opacity(1) !important;

}`

});

const selector = '.widgetsRendered'

await page.waitForFunction(selector => !!document.querySelector(selector), {polling: 600, timeout: 0}, selector);

await page.waitFor(20000);

const path = `fullPage.pdf`;

pdf = await page.pdf({

path,

width: 1560 + 'px',

height: 7500 + 'px',

scale: 1,

displayHeaderFooter: false,

margin: 'none',

printBackground: true,

});

return pdf;

I am using "puppeteer": "^2.1.1"

Below is the image of the issue.

Can some one please help.

解决方案

Removing -webkit-filter: opacity(1) !important; from content of addStyleTag method resolved my issue.