像素完美的HTML格式化

This article was translated from English: Does it need improvement?
Translated
View the article in English

要让您的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;

高级HTML开发

高级 Chrome 用户开发者可以通过使用 IronPDF 的默认设置并启用“模拟 CSS 媒体 > 屏幕”,达到 100% 的精确度。https://developer.chrome.com/docs/devtools/css/print-preview/

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

2. 比较结果

要比较结果,请在Chrome桌面网页浏览器中打开您的HTML。

注意:将任何HTML字符串和资产导出到独立的HTML文件中并手动编辑,或者请求网页开发者帮助。

3. 打开打印预览窗口(Windows系统中按Ctrl+P)

您可能需要在 Chrome 打印对话框中更改纸张大小并启用打印背景图像。

4. 选择“另存为 PDF”选项

一旦在Chrome中打印到PDF完美无缺,IronPDF将会匹配它。

5. 运行 IronPDF

现在HTML已完美无疵,用IronPDF运行它,显示效果将会一模一样。 使用{占位符}合并客户数据。 代码示例位于

https://ironpdf.com/examples/using-html-to-create-a-pdf/ 真的很有帮助!

如果本教程未能帮助您解决问题,请联系工程支持我们将调整和改进我们的文档,为您提供更多帮助。