Çevrimiçi HTML Düzenleyici

Önizleme, betiklerin izin verildiği ancak aynı kaynak erişiminin devre dışı olduğu bir sandbox'lanmış iframe içinde çalışır; bu yüzden önizlemedeki kod bu sayfayı, çerezlerinizi veya yerel depolamanızı okuyamaz ya da değiştiremez. Yine de o sandbox içinde JavaScript'i özgürce çalıştırabilir, uyarı kutuları açabilir veya diğer herhangi bir web sayfası gibi ağ istekleri yapabilir; bu yüzden güvenilmeyen bir kaynaktan yapıştırdığınız herhangi bir kodu, taze bir tarayıcı sekmesinde çalıştırıyormuş gibi ele almaya devam edin.

Araç, CSS'inizi belge başlığı içindeki bir <style> etiketine sarar, HTML'inizi doğrudan body'ye yerleştirir ve JavaScript'inizi body'nin sonunda bir <script> etiketine ekler; tam olarak tipik bir tek sayfalık HTML belgesi gibi, sonra bu birleştirilmiş belgeyi önizlemeye yükler.

Evet, ".html olarak indir" düğmesi, önizlemede gösterilen aynı birleştirilmiş belgeyi tek bir index.html dosyası olarak kaydeder; bir tarayıcıda doğrudan açmaya veya bir web sunucusuna yüklemeye hazırdır.

Evet, üç panelden herhangi birinde yazmayı bıraktıktan kısa bir süre sonra önizleme otomatik olarak yenilenir; böylece ayrı bir çalıştır düğmesine tıklamadan değişikliklerinizin etkisini görebilirsiniz.

Önizleme gerçek, yalıtılmış bir tarayıcı belgesidir, bu yüzden console.log çıktısı o belgenin kendi konsoluna gider, bu sayfaya değil. Konsol çıktısını görmek için tarayıcınızın geliştirici araçlarını açın ve önizleme iframe'inin bağlamını seçin, veya bunun yerine hızlı görünür bir kontrol için alert() kullanın.