jsonecho

JS Güzelleştirici

Küçültülmüş veya dağınık JavaScript'i okunabilir, girintili koda dönüştürün.

Araç yükleniyor...

JS Güzelleştirici nasıl kullanılır

JavaScript'inizi yapıştırın.
Bir girinti ve parantez stili seçin.
Güzelleştirilmiş kodu kopyalayın.

JS Güzelleştirici hakkında

Küçültülmüş JavaScript makineler içindir. Bir üretim paketinde hata ayıklamanız gerektiğinde veya üçüncü taraf bir pasajı okumanız gerektiğinde, ilk ihtiyacınız boşluktur. Bu güzelleştirici satır sonlarını ve girintiyi geri getirir, böylece kontrol akışını tekrar takip edebilirsiniz.

Bir küçültücünün tek harflere kısalttığı değişken adlarını geri getiremez, bu yüzden a adlı bir işlev a olarak kalır. Geri aldığınız şey yapıdır ve çoğu hata ayıklama için başlamak yeterlidir.

Sıkça sorulan sorular

Güzelleştirme kodun yaptığını değiştirir mi?

Hayır. Yalnızca boşluklar ve satır sonları değişir. Güzelleştirici hiçbir şeyi yeniden adlandırmaz veya deyimleri yeniden sıralamaz.

Orijinal değişken adlarını geri getirebilir mi?

Hayır. Bir küçültücü tarafından kaldırılan adlar gitmiştir. Paket bir kaynak haritayla geldiyse, tarayıcınızın geliştirici araçları orijinal adları göstermek için onu kullanabilir.

Modern sözdizimini destekliyor mu?

Evet, ok işlevleri, sınıflar, şablon literalleri, async ve await, isteğe bağlı zincirleme ve ES modülleri işlenir.

Bununla Babel biçimlendiricisi arasındaki fark nedir?

Bu araç, kodu yeniden girintileyen ve anlamadığı sözdiziminde asla başarısız olmayan hoşgörülü bir güzelleştiricidir. Babel biçimlendiricisi kodu ayrıştırır ve sıfırdan yazdırır, bu daha katıdır ve daha tutarlı sonuçlar verir.

Kod Biçimlendiriciler içinde daha fazlası

Tüm araçlar →

CSS Okunaklı YazdırHer kural ve özelliğin kolayca okunabilmesi için CSS'i okunaklı yazdırın.Biçimlendir CSS KüçültEn küçük CSS'i elde etmek için yorumları ve boşlukları kaldırın.Sıkıştır C# BiçimlendiriciC# kodunu girintileyin ve parantezleri ve deyimleri kendi satırlarına koyun.Biçimlendir Java BiçimlendiriciJava kodunu okunabilir bir düzene geri koyun: satır başına bir deyim, girintili parantezler.Biçimlendir GraphQL BiçimlendiriciGraphQL sorgularını ve şemalarını, iç içe seçimler kolayca okunabilsin diye biçimlendirin.Biçimlendir Angular BiçimlendiriciAngular bileşen şablonlarını yapısal direktifleri ve bağlamalarıyla biçimlendirin.Biçimlendir Vue BiçimlendiriciBir Vue tek dosyalı bileşenini biçimlendirin: şablon, betik ve stil birlikte.Biçimlendir Less BiçimlendiriciLess kodunu, değişkenleri, mixin'leri ve iç içe kurallarıyla biçimlendirin.Biçimlendir