Formatage HTML parfait au pixel près dans IronPDF

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

Pour que vos PDF soient parfaits, vous devez développer d'excellents modèles HTML ou travailler avec un développeur web pour le faire à votre place. Cet article de dépannage est tiré d'untutoriel complet sur le débogage de votre HTML.

1. Déboguer et tester votre HTML

Vous pouvez déboguer votre HTML, CSS et JS dans votre Chrome ou un navigateur de bureau similaire. Ensuite, lorsque vous savez qu'il fonctionne parfaitement - connectez-le à IronPDF, et il aura un aspect identique à celui qu'il a dans Chrome.

Utilisation de base

Cet exemple de code rendra les PDF parfaits au pixel près sur le dernier navigateur de bureau Chrome.

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

Développement HTML avancé

Les utilisateurs avancés de Chrome peuvent obtenir une précision de 100 % en utilisant les paramètres par défaut d'IronPDF et en activant l'option "Emuler les médias CSS > Écranhttps://developer.chrome.com/docs/devtools/css/print-preview/

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

2. Comparer les résultats

Pour comparer le résultat, ouvrez votre HTML dans le navigateur web de bureau Chrome.

Remarque : exportez toutes les chaînes HTML et tous les actifs vers des fichiers HTML autonomes et modifiez-les manuellement, ou demandez l'aide d'un développeur web

File QHUUeuiG91 related to 2. Comparer les résultats

3. Ouvrir la fenêtre d'aperçu avant impression (Ctrl+P sous Windows)

Vous devrez peut-être modifier le format du papier et activer l'impression des images d'arrière-plan dans la boîte de dialogue d'impression Chrome.

File 9xs8GDjzqz related to 3. Ouvrir la fenêtre d'aperçu avant impression (Ctrl+P sous Windows)

4. Sélectionnez l'option "Enregistrer au format PDF"

Une fois que l'impression au format PDF dans Chrome est parfaite - IronPDF l'égalera.

File 00sfd2abQl related to 4. Sélectionnez l'option "Enregistrer au format PDF"

5. Exécuter IronPDF

Maintenant que le code HTML est parfait, passez-le dans IronPDF et il sera identique. Utiliser {PlaceHolders} pour fusionner les données des clients. Les exemples de code à

https://ironpdf.com/examples/using-html-to-create-a-pdf/ sera d'une grande aide!

Si ce tutoriel ne vous aide pas à résoudre votre problème, veuillez alorsContacter le support techniquenous adapterons et améliorerons notre documentation pour vous aider davantage.