JS/CSS Biçimlendirici

Ücretsiz

Minify edilmiş veya tutarsız girintili JavaScript ya da CSS kodunu, ayarlanabilir girinti stili ve öncesi/sonrası boyut istatistikleriyle okunabilir, düzgün girintili koda dönüştürür.

Girdi

Girinti

Biçimlendirilmiş çıktı

Bu araç hakkında

Minify edilmiş veya tutarsız girintili JavaScript ya da CSS kodunu okunabilir, düzgün girintili koda dönüştürür.
Minify etmez. Kod boyutunu küçültmek için özel bir minify aracı kullanın.

Son Etkinlik

Herkese açık. Tüm ziyaretçilerin son 20 kullanımı, en yeniden en eskiye.

Formatted 52 characters of JavaScript

1 saat önce

Formatted 51 characters of CSS

1 saat önce

Formatted 52 characters of JavaScript

1 saat önce

Yorumlar (0)

Bu aracı faydalı mı buldunuz? Bir yorum bırakın, bir ipucu paylaşın veya nasıl daha iyi hale getirebileceğimizi söyleyin.

Henüz yorum yok - düşüncelerinizi paylaşan ilk kişi olun!

Bu araç ne işe yarar

Minify edilmiş veya düzensiz girintili JavaScript ya da CSS yapıştırın, bir girinti stili seçin; bu araç kodu tutarlı girinti ve satır sonlarıyla okunabilir hale getirsin.

Nasıl Çalışır

Araç, kodunuzu belirteçlere (anahtar kelimeler, parantezler, operatörler, metinler) ayrıştırır, sonra bu belirteçleri iç içe geçme derinliğine göre yeni satır sonları ve girintilerle yeniden yazdırır; bunun için JavaScript ve CSS için sırasıyla açık kaynaklı js-beautify motorunu kullanır. Altta yatan belirteçler ve sıraları asla değişmez, sadece etraflarındaki boşluklar değişir.

Hangi sorunları çözer

Tek satırlık minify edilmiş bir JS veya CSS dosyasını hata ayıklama veya inceleme için yeniden okunabilir hale getirmek.
Bir dosya boyunca tutarsız girintiyi (karışık tab ve boşluklar, tutarsız genişlikler) düzenlemek.
Minify edilmiş halde gelen üçüncü taraf veya satıcı kodunu hızlıca incelemek.
Bir proje stil kılavuzuna uymak için 2 boşluk, 4 boşluk ve tab girintisi arasında dönüştürmek.

Sık sorulan sorular

›Bu araç kodu ayrıca minify ediyor mu?

Hayır, bu araç sadece uygun girinti ve satır sonları ekleyerek kodu biçimlendirir (güzelleştirir). Boşlukları kaldırarak kod boyutunu küçültmeniz gerekiyorsa, bunun yerine özel bir minify aracı kullanın.

›Biçimlendirme kodumun davranışını değiştirir mi?

Hayır. Biçimlendirme yalnızca boşlukları, girintiyi ve satır sonlarını değiştirir. Tanımlayıcıları, mantığı veya metin içeriğini asla değiştirmez, bu yüzden biçimlendirilmiş kod orijinaliyle aynı şekilde çalışır.

›Biçimlendirmeden sonra JavaScript'im neden hatalı görünüyor?

Girdide bir sözdizimi hatası varsa (kapanmamış bir parantez, gereksiz bir virgül, JS olarak kullanılan geçersiz JSON vb.), biçimlendirici yapıyı yanlış okuyabilir. Tam sözdizimi sorununu bulmak için tarayıcı konsolunu veya bir JavaScript linter'ı kontrol edin, düzeltin ve yeniden biçimlendirin.

›Bununla SCSS veya LESS biçimlendirebilir miyim?

Temel SCSS ve LESS sözdizimi (iç içe yerleştirme, değişkenler, yorumlar) hâlâ CSS benzeri olduğundan genellikle düzgün biçimlendirilir, ancak mixin veya fonksiyon gibi ön işlemciye özgü özellikler özel olarak anlaşılmaz ve eksiksiz biçimlendirilemeyebilir.

›Girinti için tab mı boşluk mu seçmeli?

Bu tamamen bir stil tercihidir, ikisi de JavaScript ve CSS'de işlevsel olarak aynıdır. Projenizin mevcut stil kılavuzuna veya editör yapılandırmasına uyanı seçin.

Tarayıcınızda metin veya dosya için ayarlanabilir çıktı uzunluğu ve isteğe bağlı anahtarlı hash (MAC) ile BLAKE2b hash değeri hesaplayın.