ChromeでHTMLをデバッグし、C#でピクセルパーフェクトなPDFを作成する

なぜIronPDFは他 for .NET PDFライブラリと違うのですか？

IronPDFはGoogle Chromeレンダラーを使用しており、HTMLがChromeブラウザと同じようにPDFに表示されます。 このガイドではChromeとIronPDFの両方で必要な設定を説明します。 Chrome PDF Rendering Engine の詳細については、その高度な機能を理解してください。

多くの競合する"HTMLからPDF"技術は、W3C基準に準拠していないか、HTML5、CSS3、またはJavaScriptをサポートしておらず、C#でのwkhtmltopdf比較などのレンダラーを使用しています。 詳細なパフォーマンス比較については、iText vs IronPDFの分析をご覧ください。

IronPDFは競合他社と比較してどうですか？

IronPDF

PDFをダウンロードする。

バニラクロム

PDFをダウンロードする。

Aspose.PDF

PDFをダウンロードする。

iText

PDFをダウンロードする。

wkhtmltopdf

PDFをダウンロードする。

他の製品との比較の完全なリストは、比較ブログを参照してください。

Iron Software Librariesの機能 | IronPDFのChromeレンダリングエンジンの使用 | Aspose vs IronPDF分析 | iText vs IronPDF比較

Chromeでボタンが切れるとどうなりますか？

Chromeでテキストが切れるとどうなりますか？

リピーティングテーブルヘッダーはいつ使うべきですか?

ヘッダーが繰り返し表示される、複数ページにまたがる表の場合：

• Print CssMediaTypeを専用で使用します
• Screenモードではヘッダーが1回だけ印刷されます

このHTML構造で、適切なテーブルレンダリングを保証してください：

:path=/static-assets/pdf/content-code-examples/how-to/pixel-perfect-html-to-pdf-table-example.html

<table>
    <thead>
        <tr>
            <th>Product</th>
            <th>Quantity</th>
            <th>Price</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Widget A</td>
            <td>10</td>
            <td>$25.00</td>
        </tr>
        <tr>
            <td>Widget B</td>
            <td>5</td>
            <td>$40.00</td>
        </tr>
        <!-- Additional rows spanning multiple pages.
             The <thead> header row repeats automatically at the top of each page. -->
    </tbody>
</table>

スクリーン モードと印刷モードの視覚的な違いは何ですか?

多くの画像やアイコンはPrintモードではそうではありません:

Chrome DevTools で CSS Media エミュレーションを有効にするにはどうすればよいですか?

1. Chrome 内で、DevTools in Chrome を開いてください。

2. Command+Shift+P (Mac) または Control+Shift+P (Windows, Linux, ChromeOS)を押して、コマンドメニューを開きます。 renderingを入力し、Show Renderingを選択してEnterを押してください。 DevToolsは、下部にレンダリングタブを表示します。 レンダリング設定についての詳細なヘルプ

3. Emulate CSS mediaドロップダウンに移動して画面 または 印刷 を選択します。 設定を有効にするには、ウェブページでリロード（Ctrl+R）してください。

印刷

画面

印刷プレビュー ウィンドウにはどのようにアクセスしますか?

Chromeの印刷ダイアログで用紙サイズを変更し、"背景画像の印刷"を有効にすると、正確に表示されます。 カスタム用紙サイズについては、カスタム用紙サイズガイドを参照してください。

どのような印刷プレビュー設定を使用すればよいですか?

• IronPDFプロジェクトで使用される用紙サイズを選択します (A4 または Letter)
• Customを選択し、すべての側面を1インチに設定します
• Background Graphicsチェックボックスを有効にします
• Landscapeに設定して横向き文書にします

これらの設定により、IronPDFがどのようにレイアウトをレンダリングするかを印刷プレビューで確認しながらHTMLをデバッグすることができます。

IronPDFのCSSメディアタイプに合わせるにはどうしたらいいですか?

ウェブページのデザインを100％の精度で一致させるには、Chromeで同じCSS Media Typeセットを選択してください。

PdfCssMediaType.Print形式ではそれらが省略され、インクを節約するために設計されています。

:path=/static-assets/pdf/content-code-examples/how-to/pixel-perfect-html-to-pdf-2.cs

// Example using PdfCssMediaType.Screen
IronPdf.ChromePdfRenderer renderer = new IronPdf.ChromePdfRenderer();
renderer.RenderingOptions.CssMediaType = PdfCssMediaType.Screen; // or Print
renderer.RenderingOptions.PrintHtmlBackgrounds = true;

' Example using PdfCssMediaType.Screen
Dim renderer As New IronPdf.ChromePdfRenderer()
renderer.RenderingOptions.CssMediaType = PdfCssMediaType.Screen ' or Print
renderer.RenderingOptions.PrintHtmlBackgrounds = True

なぜ Render Delay と Render Timeout が重要なのですか?

IronPDFのデフォルトのレンダリングタイムアウトは60秒です。 レンダリングに時間がかかると、タイムアウト例外が発生します。 デフォルトを上書きするにはRenderingOptions.Timeoutを調整してください。 レンダリング遅延は、画像、フォント、JavaScriptなどのアセットが適切に読み込まれるまでの時間を確保します。 JavaScriptを多用するページについては、JavaScript (Custom Render Delays)ガイドを参照してください。

:path=/static-assets/pdf/content-code-examples/how-to/pixel-perfect-html-to-pdf-3.cs

// Example of setting Timeout and RenderDelay options
renderer.RenderingOptions.Timeout = 90; // seconds (default is 60)
renderer.RenderingOptions.WaitFor.RenderDelay(30000); // milliseconds

タイムアウトが設定されていないか、タイムアウトよりも長いレンダリング遅延があると、"Unable to Render PDF"例外が発生します。 このエラーが発生した場合は、これらの値を増やしてください。

• WaitForとJavaScriptコード例
• 高度なタイミング制御のためにWaitForを使用してPDFレンダリングを遅延させます