फ्री CSS Beautifier
यह फ्री CSS beautifier मिनिफाइड या अव्यवस्थित स्टाइलशीट को पढ़ने योग्य कोड में बदलता है - एक लाइन में एक डिक्लेरेशन, कोलन के बाद एक स्पेस और इंडेंटेड नियमों के साथ। मीडिया क्वेरीज जैसे नेस्टेड ब्लॉक एक स्तर गहरे इंडेंट होते हैं। कमेंट्स, स्ट्रिंग्स और url() वैल्यूज बिल्कुल वैसे ही रहती हैं। यह उन डेवलपर्स के लिए परफेक्ट है जिन्हें मिनिफाइड स्टाइलशीट को पढ़ना या एडिट करना है।
CSS Beautifier
Generators and Converters
इस टूल के बारे में
मिनिफाइड CSS ब्राउज़र के लिए लिखा जाता है, लोगों के लिए नहीं: हर नियम एक लाइन पर होता है और एक रंग या मार्जिन खोजने का मतलब हजारों कैरेक्टर स्कैन करना है। Beautifying उस लेआउट को बहाल करता है जो स्टाइलशीट को रिव्यू करने में आसान बनाता है।
यह टूल स्टाइलशीट को एक बार में एक कैरेक्टर पढ़ता है, इसलिए url() डेटा एड्रेस में सेमिकोलन और स्ट्रिंग्स में ब्रेसेस इसे कन्फ्यूज नहीं करते। हर सिलेक्टर एक नया ब्लॉक शुरू करता है, हर डिक्लेरेशन को अपनी लाइन मिलती है कोलन के बाद एक स्पेस के साथ, और मीडिया या सपोर्ट्स ब्लॉक के अंदर के नियम एक स्तर गहरे इंडेंट होते हैं। कमेंट्स अपनी जगह पर रहते हैं। आप 2 स्पेस, 4 स्पेस या टैब चुन सकते हैं।
फॉर्मेटिंग यह नहीं बदलती कि आपका CSS क्या करता है, और यह एरर्स को ठीक नहीं करता: एक मिसिंग ब्रेस इंडेंटेशन के रूप में दिखता है जो कभी वापस नहीं आता। जब आप फाइल को फिर से कंप्रेस करना चाहते हैं तो इसे CSS minifier के साथ पेयर करें। आप जो पेस्ट करते हैं वह स्टोर नहीं होता।
अक्सर पूछे जाने वाले सवाल
क्या beautifying मेरे CSS को बदलता है?
नहीं। केवल नियमों और डिक्लेरेशन्स के बीच व्हाइटस्पेस बदलता है, इसलिए ब्राउज़र बिल्कुल वही निर्देश पढ़ता है। स्ट्रिंग्स, कमेंट्स और url() वैल्यूज अपरिवर्तित कॉपी होती हैं, जो इनलाइन डेटा इमेजेस को भी सुरक्षित रखता है।
क्या यह SCSS या LESS को फॉर्मेट कर सकता है?
Plain CSS लक्ष्य है। सरल नेस्टेड SCSS और LESS ब्लॉक आमतौर पर समझदारी से इंडेंट होंगे क्योंकि ब्रेसेस को एक ही तरीके से हैंडल किया जाता है, लेकिन मिक्सिन्स जैसी फीचर्स असामान्य सिंटैक्स के साथ समझी नहीं जाती हैं, इसलिए परिणाम पर निर्भर करने से पहले चेक करें।
क्लोजिंग ब्रेस बाईं ओर क्यों नहीं लौटता?
फॉर्मेटर आपके ब्रेसेस को बिल्कुल फॉलो करता है। अगर किसी नियम में क्लोजिंग ब्रेस नहीं है तो इंडेंटेशन फाइल के अंत तक गहरा रहता है। यह टूटे हुए नियम को खोजने का एक तेज़ तरीका है, लेकिन आपको मिसिंग ब्रेस को खुद जोड़ना होगा।
मैं इसे फिर से छोटा कैसे बनाऊं?
जब आप काम करते हैं तो beautified वर्ज़न रखें, फिर पब्लिश करने से पहले इसे CSS minifier के माध्यम से चलाएं। Minifier कमेंट्स और व्हाइटस्पेस को फिर से हटाता है, इसलिए आपको एडिटिंग के लिए पढ़ने योग्य सोर्स और विज़िटर्स के लिए कॉम्पैक्ट फाइल मिलती है।