JavaScript Beautifier

Bu araç hakkında

JavaScript Beautifier, sıkıştırılmış veya okunamaz JavaScript'i temiz, düzgün girintili koda biçimlendirir. Ok fonksiyonları, şablon değişmezleri, yıkımlama, async/await ve sınıf sözdizimi dahil tüm standart ES2022+ sözdizimini işler. Biçimlendirici, dize içeriğini tam olarak korur — özel karakterler dahil — ve yorumlardaki kodu doğru şekilde atlar.

Küçültme modu yorumları ve gereksiz boşlukları kaldırır, sözdizimi hatalarını önlemek için tanımlayıcılar arasında tek bir boşluk bırakır. Tüm işleme tarayıcınızda çalışır — hiçbir kod asla bir sunucuya gönderilmez.

Nasıl kullanılır

1. Giriş paneline küçültülmüş veya dağınık JavaScript yapıştırın.
2. Tercih ettiğiniz girintiyi seçin (2 veya 4 boşluk).
3. Biçimlendirmek için Biçimlendir'e, küçültmek için Küçült'e tıklayın.
4. Sonucu panoya kopyalamak için Kopyala'ya tıklayın.

Kullanım senaryoları

Geliştiriciler bunu üretim paketlerinden, npm paketlerinden veya tarayıcı uzantılarından gelen küçültülmüş JavaScript'i incelemek ve hata ayıklamak için kullanır. Gizlenmiş üçüncü taraf betiklerini okumak, jQuery eklentilerini anlamak ve Stack Overflow'dan kopyalanan kodu biçimlendirmek için idealdir. Küçültme modu, bir derleme aracı olmadan HTML'de satır içi gömme için betik boyutunu azaltır.

Sık sorulan sorular

• TypeScript'i destekliyor mu? — TypeScript sözdizimi büyük ölçüde JavaScript'in bir üst kümesidir. Basit TypeScript (tipler, arayüzler, genel türler) doğru biçimlendirilecektir. Tam TypeScript desteği için TypeScript Beautifier'ı kullanın.
• JSX'i destekliyor mu? — Yerel olarak değil. Açı parantezli JSX sözdizimi doğru biçimlendirilmeyebilir. React bileşen dosyaları için özel bir JSX biçimlendirici kullanın.
• Kodum güvende mi? — Tüm işleme tarayıcınızda yereldir. Hiçbir kod asla herhangi bir sunucuya iletilmez.