IronPDF 的像素完美 HTML 格式化

2022年1月19日

已更新 2024年10月20日

Translated

View the article in English

您的企業在 PDF 安全性和合規性方面的年度訂閱花費過多。考慮使用 IronSecureDoc，該方案提供數字簽名、編修、加密和保護等 SaaS 服務的管理解決方案，只需一次性付款。立即嘗試

要使您的PDF看起來完美，您需要開發出色的HTML模板，或與網頁開發者合作來為您完成。此疑難排解文章取自完整的調試 HTML 教程。

1. 調試和測試您的HTML

您可以在 Chrome 或「類似的」桌面瀏覽器中調試您的 HTML、CSS 和 JS。然後，當您確定它運作完美後 - 將其連接到IronPDF，它將看起來與在Chrome中的外觀完全相同。

基本使用

此代碼示例將渲染出與最新的 Chrome 桌面瀏覽器像素完美對應的 PDF 文件。

ChromePdfRenderer renderer = new ChromePdfRenderer();
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Print;
renderer.RenderingOptions.PrintHtmlBackgrounds = true;

ChromePdfRenderer renderer = new ChromePdfRenderer();
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Print;
renderer.RenderingOptions.PrintHtmlBackgrounds = true;

Dim renderer As New ChromePdfRenderer()
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Print
renderer.RenderingOptions.PrintHtmlBackgrounds = True

$vbLabelText $csharpLabel

進階 HTML 開發

高級 Chrome 使用者開發者可以透過使用 IronPDF 的預設設定並啟用 '模擬 CSS 媒體 > 螢幕'https://developer.chrome.com/docs/devtools/css/print-preview/ 來達到 100% 精確度

ChromePdfRenderer renderer = new ChromePdfRenderer();
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Screen;
renderer.RenderingOptions.PrintHtmlBackgrounds = true;

ChromePdfRenderer renderer = new ChromePdfRenderer();
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Screen;
renderer.RenderingOptions.PrintHtmlBackgrounds = true;

Dim renderer As New ChromePdfRenderer()
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Screen
renderer.RenderingOptions.PrintHtmlBackgrounds = True

$vbLabelText $csharpLabel