IronPDF'de Piksel Mükemmelliğinde HTML Formatlama

Güncellendi:Eylül 10, 2025

Translated

View the article in English

İşletmeniz, PDF güvenliği ve uyumluluğu için yıllık aboneliklere çok fazla para harcıyor. Dijital imzalama, düzeltme, şifreleme ve koruma gibi SaaS hizmetlerini yönetme çözümleri sunan IronSecureDoc'u, tek seferlik ödeme ile düşünün. Şimdi deneyin

PDF'lerinizin mükemmel görünmesi için mükemmel HTML şablonları geliştirmeniz veya bir web geliştirici ile çalışmanız gerekecektir. Bu sorun giderme makalesi, HTML'yi Hata Ayıklama üzerine tam bir öğreticiden alınmıştır.

1. HTML'inizi Hata Ayıklayın ve Test Edin

HTML, CSS ve JS'inizi Chrome veya benzer bir masaüstü tarayıcıda hata ayıklayabilirsiniz. Sonrasında, mükemmel çalıştığını bildiğinizde, IronPDF'e bağlayın ve Chrome'da görünme şekliyle aynı görünecektir.

Temel Kullanım

Bu kod örneği, en son Chrome masaüstü tarayıcısı ile piksel mükemmelliğinde PDF'ler oluşturacaktır.

// Create a new ChromePdfRenderer instance
ChromePdfRenderer renderer = new ChromePdfRenderer();

// Set the CSS media type to 'Print'
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Print;

// Ensure HTML backgrounds are printed
renderer.RenderingOptions.PrintHtmlBackgrounds = true;

// Create a new ChromePdfRenderer instance
ChromePdfRenderer renderer = new ChromePdfRenderer();

// Set the CSS media type to 'Print'
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Print;

// Ensure HTML backgrounds are printed
renderer.RenderingOptions.PrintHtmlBackgrounds = true;

' Create a new ChromePdfRenderer instance
Dim renderer As New ChromePdfRenderer()

' Set the CSS media type to 'Print'
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Print

' Ensure HTML backgrounds are printed
renderer.RenderingOptions.PrintHtmlBackgrounds = True

$vbLabelText $csharpLabel

İleri Seviye HTML Geliştirme

Gelişmiş Chrome kullanıcı geliştiricileri, IronPDF'un varsayılan ayarlarını kullanarak ve 'CSS ortamını Taklit Et > Ekran' seçeneğini etkinleştirerek %100 hassasiyet elde edebilir. Daha fazla bilgi burada bulunabilir.

// Create a new ChromePdfRenderer instance
ChromePdfRenderer renderer = new ChromePdfRenderer();

// Set the CSS media type to 'Screen' for better preview consistency
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Screen;

// Ensure HTML backgrounds are printed
renderer.RenderingOptions.PrintHtmlBackgrounds = true;

// Create a new ChromePdfRenderer instance
ChromePdfRenderer renderer = new ChromePdfRenderer();

// Set the CSS media type to 'Screen' for better preview consistency
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Screen;

// Ensure HTML backgrounds are printed
renderer.RenderingOptions.PrintHtmlBackgrounds = true;

' Create a new ChromePdfRenderer instance
Dim renderer As New ChromePdfRenderer()

' Set the CSS media type to 'Screen' for better preview consistency
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Screen

' Ensure HTML backgrounds are printed
renderer.RenderingOptions.PrintHtmlBackgrounds = True

$vbLabelText $csharpLabel

2. Sonucu Karşılaştırın

Sonucu karşılaştırmak için HTML'inizi Chrome masaüstü web tarayıcısında açın.

Not: Herhangi bir HTML dizesini ve varlıklarını bağımsız HTML dosyalarına dışa aktarıp bunları manuel olarak düzenleyin veya bir web geliştiriciden yardım isteyin.

PDF sonucu karşılaştırması

3. Baskı Önizleme Penceresini Açın (Windows'ta Ctrl+P)

Chrome Baskı diyalogunda kağıt boyutunu değiştirmek ve arka plan resimlerini yazdırmayı etkinleştirmek gerekebilir.

Baskı Önizleme Penceresi

4. 'PDF Olarak Kaydet' Seçeneğini Seçin

Chrome'da PDF'ye Yazdır mükemmel hale geldiğinde, IronPDF bunu eşleyecektir.

PDF Olarak Kaydet seçeneği

5. IronPDF'i Çalıştırın

Şimdi HTML mükemmel, bunu IronPDF ile çalıştırın ve aynı görünecektir. Müşteri verilerini birleştirmek için {PlaceHolders} kullanın. IronPDF Örnekler'deki kod örnekleri gerçekten yardımcı olacaktır!

Bu öğretici sorununuzu çözmeye yardımcı olmuyorsa, lütfen Mühendislik Desteği ile İletişime Geçin ve belgemizi size daha fazla yardımcı olacak şekilde uyarlayıp geliştireceğiz.

Curtis Chau

Mühendislik takımıyla şimdi sohbet edin

Teknik Yazar

Curtis Chau, Bilgisayar Bilimleri alanında lisans derecesine sahiptir (Carleton Üniversitesi) ve Node.js, TypeScript, JavaScript ve React konularında uzmanlaşmış ön uç geliştirme üzerine uzmanlaşmıştır. Kullanıcı dostu ve estetik açıdan hoş arayüzler tasarlamaya tutkuyla bağlı olan Curtis, modern çerç...

Daha Fazlasını Oku

Başlamaya Hazır mısınız?

Nuget Indirmeler 18,332,619 | Sürüm: 2026.4 yeni yayınlandı