JavaScript Beautifier
Format, beautify, and minify JavaScript
इस टूल के बारे में
JavaScript Beautifier संपीड़ित या अपठनीय JavaScript को स्वच्छ, सही ढंग से इंडेंट किए गए कोड में फ़ॉर्मेट करता है। यह सभी मानक ES2022+ सिंटैक्स को संभालता है जिसमें एरो फंक्शन, टेम्पलेट लिटरल, डिस्ट्रक्चरिंग, async/await और क्लास सिंटैक्स शामिल हैं। फ़ॉर्मेटर स्ट्रिंग सामग्री को बिल्कुल सटीक रखता है और टिप्पणियों के अंदर कोड को सही ढंग से छोड़ देता है।
मिनिफाई मोड टिप्पणियाँ और अनावश्यक व्हाइटस्पेस हटाता है, सिंटैक्स एरर से बचने के लिए पहचानकर्ताओं के बीच एक स्पेस रखता है। सभी प्रोसेसिंग ब्राउज़र में होती है — कोड कभी सर्वर पर नहीं भेजा जाता।
कैसे उपयोग करें
- इनपुट पैनल में संपीड़ित या अव्यवस्थित JavaScript पेस्ट करें।
- अपना पसंदीदा इंडेंटेशन चुनें (2 या 4 स्पेस)।
- फ़ॉर्मेट करने के लिए फ़ॉर्मेट पर क्लिक करें, या मिनिफाई करने के लिए मिनिफाई पर क्लिक करें।
- परिणाम को क्लिपबोर्ड पर कॉपी करने के लिए कॉपी पर क्लिक करें।
उपयोग के मामले
डेवलपर इसका उपयोग प्रोडक्शन बंडल, npm पैकेज या ब्राउज़र एक्सटेंशन से मिनिफाइड JavaScript का निरीक्षण और डीबग करने के लिए करते हैं। ऑब्फस्केटेड थर्ड-पार्टी स्क्रिप्ट पढ़ने, jQuery प्लगइन समझने और Stack Overflow से कॉपी किए गए कोड को फ़ॉर्मेट करने के लिए आदर्श है। मिनिफाई मोड बिल्ड टूल के बिना HTML में इनलाइन एम्बेड करने के लिए स्क्रिप्ट साइज़ कम करता है।
अक्सर पूछे जाने वाले प्रश्न
- क्या यह TypeScript सपोर्ट करता है? — TypeScript सिंटैक्स काफी हद तक JavaScript का सुपरसेट है। सरल TypeScript (टाइप, इंटरफेस, जेनेरिक्स) सही ढंग से फ़ॉर्मेट होगा। पूर्ण TypeScript सपोर्ट के लिए TypeScript Beautifier का उपयोग करें।
- क्या यह JSX सपोर्ट करता है? — मूल रूप से नहीं। एंगल ब्रैकेट के साथ JSX सिंटैक्स सही ढंग से फ़ॉर्मेट नहीं हो सकता। React कंपोनेंट फ़ाइलों के लिए एक समर्पित JSX फ़ॉर्मेटर का उपयोग करें।
- क्या मेरा कोड सुरक्षित है? — सभी प्रोसेसिंग ब्राउज़र में स्थानीय रूप से होती है। किसी भी सर्वर पर कोई कोड कभी नहीं भेजा जाता।