1. IronPDF
  2. 教學指南
  3. 使用 Chrome 除錯 HTML
如何在 .NET 8 中使用 C# 將 HTML 轉換為 PDF | IronPDF

How to Debug HTML in Chrome to Create Pixel Perfect PDFs in C

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

身為 IronPDF 的開發團隊，我們深知由 IronPDF 產生的 PDF 文件不僅需要外觀完美，更必須完全符合客戶的預期。 若要讓您的 PDF 檔案呈現像素級的精準效果，您需要開發出色的 HTML 範本，或與網頁開發人員合作代為處理。 IronPDF 提供將 PDF 渲染為與 HTML 像素完美對齊的選項，並透過我們的 Chrome 渲染器，使其顯示效果與 Chrome 瀏覽器中的樣式完全一致。

快速入門：使用 IronPDF 建立像素級精準的 PDF 檔案

利用 IronPDF 強大的 Chrome 渲染器，輕鬆將您的 HTML 轉換為像素級精準的 PDF 檔案。 本快速指南將協助您透過 IronPDF 对 HTML5、CSS3 及 JavaScript 的全面支援，生成精準且可預期的 PDF 输出。 只需幾行程式碼，即可將 HTML 內容精確地呈現為 Chrome 中的顯示樣式，確保從網頁到 PDF 的無縫轉換。 非常適合希望在維持版面精準度的同時，不犧牲使用便利性的開發者。

  1. using NuGet 套件管理員安裝 https://www.nuget.org/packages/IronPdf

    PM > Install-Package IronPdf

  2. 請複製並執行此程式碼片段。

    var Renderer = new IronPdf.ChromePdfRenderer();
Renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.PRINT;
Renderer.RenderHtmlAsPdf("<html>Your HTML content here</html>").SaveAs("output.pdf");

  3. 部署至您的生產環境進行測試

    立即透過免費試用，在您的專案中開始使用 IronPDF

    arrow pointer

什麼是 IronPDF 的 Chrome 渲染器？

這正是 IronPDF 區別於其他 .NET PDF 函式庫之處

IronPDF 在市場上獨樹一幟，因其採用 Google Chrome 渲染引擎，這意味著您在 Chrome 瀏覽器中看到的 HTML 內容，將與您在我們的 PDF 文件中看到的完全一致。 在本教學中，我們將引導您逐步設定 Chrome 和 IronPDF 中的相關選項，以達成此目標。

需要說明的是，許多競爭對手所宣稱的"HTML 轉 PDF"技術，並未遵循 W3C 標準，甚至不支援 HTML5、CSS3 或 JavaScript，而是採用 wkhtmltopdf 等底層渲染器。

IronPDF 與競爭對手的比較

<div class="competitors-sectionwrapper-even-1"> <div class="competitorscard">

IronPDF

    <img
        class="competitors__image img-popup"
        src="/static-assets/pdf/tutorials/pixel-perfect-html-to-pdf/bootstrap_ironpdf_p1.webp"
        alt="IronPDF"
        data-fullsize="/static-assets/pdf/tutorials/pixel-perfect-html-to-pdf/bootstrap_ironpdf_p1.webp"
    &gt;
    <p class="competitors__download-link"&gt;
        <i class="fas fa-file-pdf"></i>
        <a href="https://raw.githubusercontent.com/iron-software/iron-nuget-assets/main/IronPDF-Tutorial/Bootstrap_IronPDF.pdf">下載 PDF</a>
    </p>
</div>
<div class="competitors__card"&gt;
    <p class="competitors__header">Vanilla Chrome</p>
    <img
        class="competitors__image img-popup"
        src="/static-assets/pdf/tutorials/pixel-perfect-html-to-pdf/bootstrap_chrome_p1.webp"
        alt="Vanilla Chrome"
        data-fullsize="/static-assets/pdf/tutorials/pixel-perfect-html-to-pdf/bootstrap_chrome_p1.webp"
    &gt;
    <p class="competitors__download-link"&gt;
        <i class="fas fa-file-pdf"></i>
        <a href="https://raw.githubusercontent.com/iron-software/iron-nuget-assets/main/IronPDF-Tutorial/Bootstrap_Chrome.pdf">下載 PDF</a>
    </p>
</div>