Nasıl çalışır
Sıkıştırılmış veya kötü hizalanmış CSS ya da SCSS stil sayfalarını okunabilir hale getirmek için yeniden girintiler ve düzenler. Küçültülmüş stilleri incelemek, üçüncü taraf CSS'ini gözden geçirmek veya kaydetmeden önce biçimi birleştirmek için yararlıdır.
Girinti türünü (boşluk veya sekme), girinti boyutunu ve satır sonunu seçmenize olanak tanır. Her bildirim kendi satırına geçer ve virgülle ayrılmış seçiciler ayrı satırlara yerleştirilir.
İşlem tamamen yerel olarak, tarayıcınızda, js-beautify ile yapılır. Sunumu biçimlendirir; küçültme yapmaz, özellikleri yeniden sıralamaz ve kuralların doğru olduğunu doğrulamaz.
Örnekler
a,b{color:red;margin:0}a,
b {
color: red;
margin: 0
}Seçiciler satırlara ayrılır ve her özellik girintilenir.Kullanım senaryoları
- Bir sitenin küçültülmüş .css dosyasını okunabilir hale getirmek.
- Bir commit'ten önce bir stil sayfasının girintisini standartlaştırmak.
- Bir çerçeve veya kitaplığın CSS kurallarını gözden geçirmek ve karşılaştırmak.
- Belgelerden veya oluşturuculardan yapıştırılan SCSS'i düzenlemek.
Sık sorulan sorular
SCSS veya LESS için de işe yarar mı?
CSS'i ve iç içe kurallar dahil SCSS gibi uyumlu söz dizimini biçimlendirir. SCSS veya LESS'i CSS'e derlemez: yalnızca girintiyi ve satır sonlarını yeniden düzenler.
Özellikleri yeniden sıralar veya gruplar mı?
Hayır. Seçicilerin ve bildirimlerin özgün sırasını korur. Okunabilirliği artırmak için yalnızca boşlukları, girintiyi ve satır sonlarını değiştirir.
CSS'i küçültmekle aynı şey mi?
Hayır, tam tersi. Biçimlendirme, daha iyi okumak için boşluk ve satır sonu ekler; küçültme ise dosya boyutunu azaltmak için bunları kaldırır. Sıkıştırmak için küçültme aracını kullanın.
Kodum bir sunucuya yükleniyor mu?
Hayır. Biçimlendirme tamamen tarayıcınızda yapılır; CSS bilgisayarınızdan hiç ayrılmaz.