使用PuppeteerSharp将网页生成PDF但丢失颜色

Question

我正在使用 PuppeteerSharp（版本 18.0.5.0）将网页生成为 PDF。 这是我的网页视图 ⬇ 网页浏览

使用Puppeteer下载后，这是我的PDF文件显示的内容⬇ PDF文件查看

这是我的 PdfOptions 设置

await page.PdfAsync(pdfPath, new PdfOptions
{
    Format = PaperFormat.A4,
    PrintBackground = true,
    PreferCSSPageSize = true,
});

下面是css设置。

@media print {
    @page {
        margin: 22mm 15mm 35mm 15mm;
        background-color: teal !important;
    }

    html, body, #content, #header, #footer, .page {
        background-color: teal !important;
        -webkit-print-color-adjust: exact !important;
    }
}

如果我用chrome打印成PDF，会是这样的⬇

因为我的内容来自编辑。

我一直在设置PrintBackground attr，并设置css，但这些都不起作用。

Answer 1

我认为您需要删除设置

Format = PaperFormat.A4,

并在 css

@page

中添加

size: a4 portrait;

或您在 css 中首选的尺寸/方向。