HTML Görüntüleyici

HTML kaynağını yapıştırın; izole, sandbox'lı bir çerçevede anında canlı önizlenir. İçerik tamamen tarayıcınızda işlenir, sunucuya gönderilmez. Güvenlik için script'ler çalıştırılmaz — yalnızca HTML ve CSS render edilir.

HTML Kaynağı
HTML işaretlemenizi yapıştırın. Önizleme siz yazdıkça güncellenir.

Canlı Önizleme

Soldaki alana HTML girin; önizleme burada görünür.

Önizleme sandbox="" iframe içinde yüklenir: script'ler, formlar ve üst sayfaya erişim engellidir. Yalnızca HTML ve CSS değerlendirilir.

Sık Sorulan Sorular

Yapıştırdığım HTML sunucuya gönderiliyor mu?

Hayır. HTML tamamen tarayıcınızda, bir iframe'in srcdoc'una yazılarak önizlenir; sunucuya gönderilmez ve hiçbir yerde saklanmaz. Sayfayı kapattığınızda hiçbir iz kalmaz.

Önizlemede neden JavaScript çalışmıyor?

Önizleme, sandbox="" özniteliğine sahip bir iframe'de yüklenir. Bu, script çalıştırmayı, form göndermeyi ve üst sayfaya erişimi bilinçli olarak engeller. Böylece bilmediğiniz bir HTML'i yapıştırmak güvenli olur — araç bir görüntüleyicidir, kod çalıştırıcı değil.

Bu araç ne için kullanışlı?

E-posta şablonlarını, HTML snippet'lerini, CSS düzenlerini ve statik bileşenleri hızlıca görmek için. İşaretlemeyi düzenleyip sonucu anında görür, tam bir proje kurmadan denersiniz.

Dış CSS dosyaları ve görseller yüklenir mi?

Mutlak (https://) URL'lerle verilen stil ve görseller, tarayıcının ve sayfanın güvenlik politikaları izin verdiği ölçüde yüklenir. Göreli yollar (./style.css) çalışmaz, çünkü önizlemenin bir taban adresi yoktur — stilleri satır içi <style> ile vermek en güvenilir yoldur.

Önizleme neden her zaman beyaz zeminde?

Önizleme çerçevesi izole bir belgedir; sitenin açık/koyu temasından etkilenmez. Böylece HTML'iniz kendi stilleriyle, tarayıcı varsayılanlarıyla (beyaz zemin) görünür — gerçek dağıtımdaki hâline en yakın sonuç budur.