यह कैसे काम करता है
संपीड़ित या गलत संरेखित CSS या SCSS स्टाइलशीट को फिर से इंडेंट और व्यवस्थित करता है ताकि वे पठनीय हों। मिनिफ़ाई की गई शैलियों का निरीक्षण करने, तीसरे पक्ष के CSS की समीक्षा करने, या सहेजने से पहले फ़ॉर्मैट को एकसमान करने के लिए उपयोगी।
आप इंडेंटेशन प्रकार (स्पेस या टैब), इंडेंट आकार और लाइन एंडिंग चुन सकते हैं। प्रत्येक घोषणा अपनी अलग लाइन पर जाती है और अल्पविराम से अलग किए गए सेलेक्टर अलग लाइनों पर रखे जाते हैं।
प्रोसेसिंग पूरी तरह स्थानीय रूप से, आपके ब्राउज़र में, js-beautify के साथ होती है। यह प्रस्तुति को फ़ॉर्मैट करता है; न मिनिफ़ाई करता है, न गुणों को पुनः क्रमित करता है और न ही यह सत्यापित करता है कि नियम सही हैं।
उदाहरण
a,b{color:red;margin:0}a,
b {
color: red;
margin: 0
}सेलेक्टर लाइनों में अलग किए जाते हैं और प्रत्येक गुण इंडेंट किया जाता है।उपयोग के मामले
- किसी साइट की मिनिफ़ाई की गई .css फ़ाइल को पठनीय बनाना।
- किसी कमिट से पहले स्टाइलशीट के इंडेंटेशन को एकसमान करना।
- किसी फ़्रेमवर्क या लाइब्रेरी के CSS नियमों की समीक्षा और तुलना करना।
- दस्तावेज़ या जनरेटर से पेस्ट किए गए SCSS को व्यवस्थित करना।
अक्सर पूछे जाने वाले प्रश्न
क्या यह SCSS या LESS के लिए भी काम करता है?
यह नेस्टेड नियमों सहित CSS और SCSS जैसी संगत सिंटैक्स को फ़ॉर्मैट करता है। यह SCSS या LESS को CSS में कंपाइल नहीं करता: केवल इंडेंटेशन और लाइन ब्रेक को पुनर्व्यवस्थित करता है।
क्या यह गुणों को पुनः क्रमित या समूहित करता है?
नहीं। यह सेलेक्टर और घोषणाओं का मूल क्रम बनाए रखता है। पठनीयता सुधारने के लिए यह केवल स्पेसिंग, इंडेंट और लाइन ब्रेक बदलता है।
क्या यह CSS मिनिफ़ाई करने जैसा ही है?
नहीं, यह इसके विपरीत है। फ़ॉर्मैट करना इसे बेहतर पढ़ने के लिए स्पेस और लाइन ब्रेक जोड़ता है; मिनिफ़ाई करना फ़ाइल का आकार घटाने के लिए उन्हें हटाता है। संपीड़ित करने के लिए मिनिफ़िकेशन टूल उपयोग करें।
क्या मेरा कोड किसी सर्वर पर अपलोड होता है?
नहीं। फ़ॉर्मैटिंग पूरी तरह आपके ब्राउज़र में होती है; CSS कभी आपके कंप्यूटर से बाहर नहीं जाता।