Kod Oyun Alanı

Sayfadan ayrılmadan kodla deneyler yapın. JavaScript konsolu kipi, parçanızı kilitli bir korumalı alanda (sandbox) çalıştırır ve console.log / warn / error çıktısını renkli olarak geri aktarır; HTML önizleme kipi tam bir HTML + CSS + JavaScript sayfasını canlı olarak gösterir ve dosya olarak indirmenize izin verir. Sunucu yok, yükleme yok — bozuk bir parça (sonsuz bir döngü bile olsa) her zaman durdurulabilir ve sayfanın geri kalanına asla dokunamaz. İlgili yardımcı araç: Dil Algılayıcı.
JavaScript kodu
Güvenlik modeli. Her iki kip de yalnızca betiklere izin veren bir iframe sandbox içinde çalışır: aynı köken erişimi, formlar, açılır pencereler ve korumalı alan içinden indirmeler yoktur; böylece parçanız bu sayfaya, dosyalarınıza veya diğer sekmelerinize dokunamaz. JavaScript yalıtılmış bir süreçte çalışır, bu yüzden Durdur çalışan bir parçayı keser ve bu sayfa yanıt vermeye devam eder; bir çalıştırma olağandışı uzun sürerse sayfa Durdur'u otomatik sunar. Gerçekten sonsuz bir döngü Durdur'dan sonra bile korumalı alan sürecini meşgul tutar — bir sonraki çalıştırma çıktı göstermezse, kurtarmak için sayfayı yenileyin. HTML önizlemenin Sayfayı İndirin düğmesi kaynağı yerel bir .html dosyası olarak kaydeder.
Bir tarayıcı korumalı alanının kodunuzu nasıl çalıştırdığı

Önizleme bölmesi korumalı bir iframe'dir: üst sayfanın DOM'una veya çerezlerine ulaşamayan ayrı bir tarama bağlamıdır. Betiğinizin konsol çıktısı yakalanır ve geri yansıtılır; böylece geliştirici araçlarını açmadan hatalar görünür olur — ve her şey tarayıcınızda çalışır, asla bir sunucuda değil.

Korumalı alan bir güvenlik sınırıdır, süs değil — buraya yapıştırdığınız kod bu siteye veya diğer sekmelerinize dokunamaz.