Kod Biçimlendirici ve Küçültücü

Kod Biçimlendirici ve Küçültücü nedir?

HTML, CSS ve JavaScript'i tarayıcınızdan hiç ayrılmadan güzelleştiren veya küçülten ücretsiz bir çevrimiçi kod biçimlendirici ve küçültücüsü. Önce dili seçin, ardından dağınık veya tek satırlık kaynağı 2 boşluk, 4 boşluk ya da sekme girintisiyle yeniden girintilemek için Güzelleştir'i, sıkıştırmak için Küçült'ü seçin. Güzelleştirme js-beautify ile yapılır; JavaScript küçültme, adları kısaltıp boyutu düşürmek için Terser kullanır, CSS ve HTML ise yorumların kaldırılması ve gereksiz boşlukların daraltılmasıyla sıkıştırılır. Web geliştiricileri bunu, küçültülmüş üçüncü taraf kodu okunabilir hale getirmek, dağıtımdan önce stil sayfalarını ve betikleri küçültmek ve derleme çıktısından yapıştırılan parçacıkları temizlemek için kullanır.

Kod Biçimlendirici ve Küçültücü nasıl kullanılır

1. Kaynağınızın dilini seçin: HTML, CSS veya JS.
2. Eylemi seçin: biçimlendirmek için Güzelleştir ya da sıkıştırmak için Küçült.
3. Güzelleştir için girintiyi seçin: 2 boşluk, 4 boşluk veya Sekme.
4. Kodunuzu Giriş kutusuna yapıştırın veya yazın - çıktı otomatik olarak güncellenir.
5. Sonucu almak için Kopyala düğmesini kullanın veya girişi boşaltıp baştan başlamak için Temizle'ye tıklayın.

Örnekler

a{color:red;font-weight:bold}

a {
  color: red;
  font-weight: bold
}

function add(first, second) {
  return first + second;
}

function add(n,d){return n+d}

<ul>
  <li>One</li>
  <li>Two</li>
</ul>

<ul><li>One</li><li>Two</li></ul>

Sıkça sorulan sorular

Kodum bir sunucuya yükleniyor mu?

Hayır. Güzelleştirme ve küçültmenin tamamı tarayıcınızda yerel olarak gerçekleşir - js-beautify ve Terser betik olarak yüklenir ve cihazınızda çalışır. Kodunuz makinenizden asla ayrılmaz ve araç çevrimdışı çalışmaya devam eder.

Hangi diller ve eylemler destekleniyor?

Üç dil - HTML, CSS ve JavaScript - her biri iki eyleme sahip: Güzelleştir (seçtiğiniz girintiyle biçimlendir) ve Küçült (sıkıştır). JavaScript, Terser ile küçültülür; CSS ve HTML ise yorumların kaldırılması ve boşlukların daraltılmasıyla sıkıştırılır.

Hangi girintiyi seçebilirim?

Güzelleştirirken 2 boşluk, 4 boşluk ya da bir sekme karakteriyle yeniden girintileyebilirsiniz. Girinti yalnızca Güzelleştir'e uygulanır; Küçült boşlukları kaldırır ve bu ayarı yok sayar.

JavaScript'imi küçültürken neden bir hata gösterildi?

Terser, küçültmeden önce JavaScript'inizi ayrıştırır, bu yüzden bir sözdizimi hatası işlemi durdurur ve mesaj çıktının üzerinde gösterilir. Bildirilen noktayı - genellikle kapatılmamış bir parantez, dize ya da başıboş bir belirteç - düzeltin, sonuç otomatik olarak yeniden oluşturulur.

Çıktı kendiliğinden güncelleniyor mu?

Evet. Sonuç; girişi, dili, eylemi veya girintiyi her değiştirdiğinizde yeniden oluşturulur, bu yüzden biçimlendirmek için asla bir düğmeye basmanız gerekmez - çıktı doğru göründüğünde yalnızca kopyalayın.