कोड फ़ॉर्मैटर और मिनिफ़ायर

कोड फ़ॉर्मैटर और मिनिफ़ायर क्या है?

एक मुफ़्त ऑनलाइन कोड फ़ॉर्मैटर और मिनिफ़ायर जो HTML, CSS और JavaScript को आपके ब्राउज़र से बाहर निकले बिना सुंदर बनाता या मिनिफ़ाई करता है। भाषा चुनें, फिर अव्यवस्थित या एक-पंक्ति वाले स्रोत को 2-स्पेस, 4-स्पेस या टैब इंडेंटेशन के साथ दोबारा इंडेंट करने के लिए Beautify चुनें, या उसे कम्प्रेस करने के लिए Minify चुनें। सुंदर बनाना js-beautify द्वारा संचालित है; JavaScript मिनिफ़िकेशन कोड को छोटा और सिकोड़ने के लिए Terser का उपयोग करता है, जबकि CSS और HTML को टिप्पणियाँ हटाकर और अनावश्यक खाली जगह समेटकर सघन किया जाता है। वेब डेवलपर इसका उपयोग मिनिफ़ाई किए गए वेंडर कोड को पठनीय बनाने, डिप्लॉय करने से पहले स्टाइलशीट और स्क्रिप्ट को छोटा करने, और बिल्ड आउटपुट से पेस्ट किए गए स्निपेट साफ़ करने के लिए करते हैं।

कोड फ़ॉर्मैटर और मिनिफ़ायर का उपयोग कैसे करें

1. अपने स्रोत की भाषा चुनें: HTML, CSS या JS।
2. क्रिया चुनें: सुंदर बनाने के लिए Beautify, या कम्प्रेस करने के लिए Minify।
3. Beautify के लिए, इंडेंटेशन चुनें: 2 स्पेस, 4 स्पेस या Tab।
4. अपना कोड इनपुट बॉक्स में पेस्ट करें या टाइप करें - आउटपुट अपने आप अपडेट होता है।
5. परिणाम लेने के लिए Copy बटन का उपयोग करें, या इनपुट खाली करके फिर से शुरू करने के लिए Clear पर क्लिक करें।

उदाहरण

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>

अक्सर पूछे जाने वाले सवाल

क्या मेरा कोड किसी सर्वर पर अपलोड होता है?

नहीं। सुंदर बनाना और मिनिफ़ाई करना सब कुछ आपके ब्राउज़र में स्थानीय रूप से होता है - js-beautify और Terser स्क्रिप्ट के रूप में लोड होते हैं और आपके डिवाइस पर चलते हैं। आपका कोड कभी आपकी मशीन से बाहर नहीं जाता, और यह टूल ऑफ़लाइन भी काम करता रहता है।

कौन-सी भाषाएँ और क्रियाएँ समर्थित हैं?

तीन भाषाएँ - HTML, CSS और JavaScript - प्रत्येक में दो क्रियाएँ: Beautify (आपके चुने हुए इंडेंटेशन के साथ सुंदर बनाना) और Minify (कम्प्रेस करना)। JavaScript को Terser से मिनिफ़ाई किया जाता है, जबकि CSS और HTML को टिप्पणियाँ हटाकर और खाली जगह समेटकर सघन किया जाता है।

मैं कौन-सा इंडेंटेशन चुन सकता हूँ?

सुंदर बनाते समय आप 2 स्पेस, 4 स्पेस या टैब वर्ण से दोबारा इंडेंट कर सकते हैं। इंडेंटेशन केवल Beautify पर लागू होता है; Minify खाली जगह हटा देता है और इस सेटिंग को अनदेखा कर देता है।

मेरे JavaScript को मिनिफ़ाई करने पर त्रुटि क्यों दिखी?

Terser मिनिफ़ाई करने से पहले आपके JavaScript को पार्स करता है, इसलिए कोई सिंटैक्स त्रुटि इसे रोक देती है और संदेश आउटपुट के ऊपर दिखता है। बताई गई जगह ठीक करें - अक्सर कोई बिना बंद किया ब्रैकेट, स्ट्रिंग, या कोई अनावश्यक टोकन - और परिणाम अपने आप दोबारा बन जाता है।

क्या आउटपुट अपने आप अपडेट होता है?

हाँ। जब भी आप इनपुट, भाषा, क्रिया या इंडेंटेशन बदलते हैं, परिणाम दोबारा बनता है, इसलिए फ़ॉर्मैट करने के लिए आपको कभी कोई बटन दबाने की ज़रूरत नहीं - जब आउटपुट सही दिखे तो बस उसे कॉपी कर लें।