JavaScript Oyun Alanı: JavaScript, HTML ve CSS Çalıştırın
Canlı konsol çıktı paneli ve önizleme ile korumalı bir iframe içinde JavaScript, HTML ve CSS yazıp çalıştırın. Ağ erişimi varsayılan olarak bir CSP meta etiketiyle engellenir; görünür bir uyarıyla açabilirsiniz. Çalışırken kodu çalıştırmak için otomatik çalıştırma modunu kullanın veya iframe'i yeniden oluşturup sonsuz döngüyü kırmak için Durdur/Sıfırla'yı kullanın. Başlangıç örnekleri başlamanıza yardımcı olur.
JavaScript Oyun Alanı, JavaScript, HTML ve CSS yazıp çalıştırmak için tarayıcı tabanlı bir kodlama çalışma alanıdır. Düzenleyicide ayrı JS, HTML ve CSS sekmeleri; bir sayfayı ve çıktısını birlikte inceleyebilmeniz için önizleme bölmesi ve canlı konsol çıktı paneli bulunur. Kısa bir parçacıkla deneme yapmak veya yerel bir geliştirme ortamı kurmadan kod denemek için kullanın.
Kod, allow-scripts ile yapılandırılmış ve allow-same-origin içermeyen korumalı bir iframe içinde çalışır. Bir CSP meta etiketi ağ erişimini varsayılan olarak engeller; açabilirsiniz ve arayüz görünür bir uyarı gösterir. Otomatik çalıştırma modu, çalışırken kodu çalıştırır. Bir betik sonsuz bir döngüde takılırsa Durdur/Sıfırla, iframe'i yok edip yeniden oluşturur. Başlangıç örnekleri de dahildir.
JavaScript, HTML ve CSS'in bir web sayfasında farklı rolleri vardır: HTML içeriği yapılandırır, CSS sunumunu denetler, JavaScript ise davranış ekler. Bunları ayrı sekmelerde tutmak; parçaların birlikte nasıl çalıştığını test etmeyi, önizlemede bir değişikliği incelemeyi ve çıktıyı konsolda kontrol etmeyi kolaylaştırır.
JavaScript Oyun Alanı tamamen tarayıcınızda çalışır. Girdiniz cihazınızda işlenir; bir sunucuya yüklenmez, saklanmaz veya gönderilmez. Sayfa yüklendikten sonra çevrimdışı çalışır ve ücretsizdir. Geliştiriciler ve DevOps mühendisleri; kodu keşfetmek, sayfa davranışını kontrol etmek veya farklı makinelerden hızlı bir programlama görevi üzerinde çalışmak için kullanabilir.
Adım 1: JS, HTML ve CSS sekmelerini açın ve denemek istediğiniz kodu girin. Sayfanızın her bölümü için ilgili sekmeyi kullanın.
Adım 2: Otomatik çalıştırma modunu kullanıp kullanmayacağınızı seçin. Etkinleştirildiğinde kodunuz çalışırken otomatik olarak çalışır.
Adım 3: Varsayılan ağ korumasını unutmayın: bir CSP meta etiketi ağ erişimini engeller. Ağ erişimini açabilirsiniz; oyun alanı görünür bir uyarı gösterir.
Adım 4: Kodunuzu çalıştırın ve sonuçları görmek için önizlemeyi ve canlı konsol çıktı panelini inceleyin.
Adım 5: Kod sonsuz bir döngüde takılırsa, korumalı iframe'i yok edip yeniden oluşturmak için Durdur/Sıfırla'yı kullanın.
Kullanım senaryosu: Yerel bir geliştirme ortamı kurmadan bir JavaScript parçacığını deneyin. Oyun alanı kodunuzu tarayıcıda çalıştırır ve canlı konsol çıktısı gösterir.
Kullanım senaryosu: Ayrı sekmelerde düzenleyip önizlemeyi inceleyerek HTML, CSS ve JavaScript'in birlikte nasıl çalıştığını kontrol edin.
Kullanım senaryosu: Sayfa önizlemesinin yanında canlı konsol çıktı paneliyle kod davranışını araştırın.
Kullanım senaryosu: Iframe'i yok edip yeniden oluşturmak için Durdur/Sıfırla'yı kullanarak sonsuz bir döngüden kurtulun.
Kullanım senaryosu: Yerel kurulumunuzun olmadığı bir makineden bir programlama görevi üzerinde çalışın.
Kullanım senaryosu: Şirket içi kod veya veriyi üçüncü taraf bir hizmete göndermekten kaçının: oyun alanı girdiyi tarayıcınızda işler.
Kullanım senaryosu: JavaScript, HTML veya CSS ile denemeler yapmak için bir başlangıç noktası istediğinizde başlangıç örneklerini keşfedin.