Kod Oyun Alanı
Canlı önizlemeli, satır numaralı düzenleyicili ve yakalanan konsollu çevrimiçi HTML, CSS ve JavaScript oyun alanı. Kod parçalarını anında test edin ve sonucu tek bir HTML dosyası olarak indirin - tamamen tarayıcınızda.
Kod oyun alanı nedir?
Kod oyun alanı, HTML, CSS ve JavaScript yazıp render edilen sonucu anında gördüğünüz bir sanal kutudur. Bu araç ayrıca yakalanan bir konsol, satır numaralı düzenleyiciler ve çalışmanızı tek HTML dosyası olarak indirme olanağı sunar.
Canlı önizleme nasıl çalışır?
Üç kod paneli eksiksiz bir HTML belgesi halinde birleştirilir ve sanal kutu içinde bir iframe'de render edilir. Otomatik çalıştırma açıkken önizleme, yazmayı bıraktıktan yaklaşık yarım saniye sonra yenilenir; aksi halde Çalıştır'a basın.
Konsol paneli ne gösterir?
Sayfanın console.log, info, warn ve error ile yazdığı her şeyi, ayrıca satır numaralarıyla çalışma zamanı hatalarını ve işlenmemiş promise retlerini gösterir. Her çalıştırmada temizlenir.
Sayfayı yenileyince kodum kaydedilir mi?
Evet. Üç panelin taslağı tarayıcınızda yerel olarak saklanır ve sonraki ziyarette geri yüklenir. Sıfırla özgün demo koduna döner; site verilerini silmek taslağı kaldırır.
Önizleme sanal kutuda mı, güvenli mi?
Önizleme, same-origin erişimi olmayan bir sanal kutu iframe'inde çalışır: test ettiğiniz betikler bu sayfayı veya çerezlerini okuyamaz. Yine de yalnızca güvendiğiniz kodu test edin; çünkü o tarayıcınızda çalışır.
Denemeni indirilebilir mi?
Evet. .html indir seçeneği geçerli HTML, CSS ve JavaScript'i tek başına yeten bir dosyada birleştirerek kaydeder; herhangi bir tarayıcıda açabilir veya paylaşabilirsiniz.
JavaScript panelinde ne çalıştırabilirim?
Standart tarayıcı JavaScript'i: DOM manipülasyonu, olaylar, canvas, halka açık API'lere fetch (onların CORS kurallarına tabi) ve satır içi yapıştırdığınız herhangi bir kütüphane. Modül ve npm paketleri çözülmez.
Oyun alanı internet bağlantısı gerektirir mi?
Yalnızca sayfanın kendisini yüklemek için. Düzenleme, önizleme ve konsol yakalama sonrasında yerel çalışır ve yazdığınız kod asla hiçbir yere gönderilmez.
Kod Oyun Alanı Nasıl Kullanılır
Bu oyun alanı, HTML, CSS ve JavaScript'inizi tarayıcınız içinde tamamen kum havuzlu (sandbox) canlı bir ön izlemede birleştirir; günlükleri ve hataları yakalayan bir konsol paneliyle birlikte. Taslak yerel olarak kaydedilir, kaldığınız yerden devam edebilirsiniz.
- HTML, CSS ve JavaScript bölmelerini düzenleyin — her düzenleyicide satır numaraları ve sözdizimi vurgulama vardır.
- Otomatik çalıştır açıkken ön izleme yazarken kendiliğinden yenilenir; değilse Çalıştır'a basın (Otomatik çalıştırmayı kapatıp elle de çalıştırabilirsiniz).
- Ön izlemenin altındaki Konsol panelini izleyin: console.log çıktıları, uyarılar, hatalar ve yakalanmayan istisnalar orada satır numaralarıyla görünür.
- Yerleşik demoya dönmek için Sıfırla'ya, her şeyi tek başına yeterli tek bir dosyaya kaydetmek için .html indir düğmesine basın.
- Mevcut belgeyi kendi sekmesinde tam boyut görmek için Yeni pencerede aç'ı kullanın.
Konsol her çalıştırmada temizlenir, bu yüzden hata ayıklarken console.log satırlarını rahatça ekleyin — tarayıcının gerçek konsolunu açmadan anında görünürler.
İlgili Araçlar
- JavaScript Güzelleştirici Ücretsiz çevrimiçi JavaScript güzelleştirici ve kod biçimlendirici. Özelleştirilebilir seçeneklerle sıkıştırılmış JS'yi anında temiz, okunabilir ve düzgün girintili koda dönüştürün.
- JS Sıkıştırıcı JavaScript kodunu anında sıkıştırın. Boşlukları, yorumları kaldırın ve daha hızlı yükleme için JS'inizi optimize edin.
- Regex Test Aracı Gerçek zamanlı eşleştirme ve grup yakalama ile düzenli ifadeleri test edin ve hata ayıklayın.
- Markdown Önizleme Canlı önizlemeli ücretsiz çevrimiçi Markdown düzenleyici. Tam GFM desteğiyle Markdown yazın, oluşturun ve dışa aktarın.
- Hash Doğrulayıcı MD5, SHA-1, SHA-256, SHA-512 dosya hashlerini yerel olarak hesapla ve doğrula
- Chmod Hesaplayıcı Onay kutularıyla Linux dosya izinlerini görselleştirmek ve hesaplamak için ücretsiz çevrimiçi chmod hesaplayıcı. Sayısal (755, 644) ve sembolik gösterim (rwxr-xr-x) arasında anında dönüştürün. setuid, setgid, sticky bit gibi özel izinleri destekler.
- ASCII Tablosu Ondalık, onaltılık, sekizlik, ikili kodlar, HTML varlıkları ve karakter açıklamaları ile eksiksiz ASCII karakter kodlama referansı. Anında arama ve filtreleme.
- Hex Görüntüleyici Arama, ofset gezinme ve sanal kaydırma ile dosya içeriklerini hex dump formatında görüntüleyin