मुफ़्त HTML ब्यूटीफायर और मिनिफायर

यह कैसे काम करता है

यह टूल पेज में सीधे बनाए एक हाथ से लिखे टैग-अवेयर टोकनाइज़र का उपयोग करके HTML को फ़ॉर्मेट या कंप्रेस करता है — कोई थर्ड-पार्टी फ़ॉर्मेटिंग लाइब्रेरी नहीं, कोई सर्वर राउंड-ट्रिप नहीं। आपके मार्कअप का हर कैरेक्टर टाइप या पेस्ट करते ही ब्राउज़र में स्थानीय रूप से प्रोसेस होता है।

1. 1
   टोकनाइज़र मार्कअप स्कैन करता है

   एक कस्टम कैरेक्टर-दर-कैरेक्टर स्कैनर HTML स्ट्रिंग पर चलता है, कमेंट्स, DOCTYPE डिक्लेरेशन, ओपनिंग टैग, क्लोज़िंग टैग, सेल्फ़-क्लोज़िंग void एलिमेंट (br, img, input, आदि), और रॉ टेक्स्ट नोड की पहचान करता है। एक समर्पित हेल्पर कोट किए एट्रिब्यूट वैल्यू ट्रैक करता है ताकि एक एट्रिब्यूट के अंदर > जैसे कैरेक्टर (जैसे value="a>b") कभी किसी टैग को जल्दी विभाजित न करें।
2. 2
   प्रति-टैग इंडेंटेशन डेप्थ ट्रैक होती है

   ब्यूटिफ़ाई मोड के लिए, टोकनाइज़र एक डेप्थ काउंटर बनाए रखता है। ब्लॉक-लेवल ओपनिंग टैग डेप्थ बढ़ाते हैं; क्लोज़िंग टैग लिखे जाने से पहले इसे घटाते हैं। इनलाइन एलिमेंट (span, a, strong, em, आदि) अपनी खुद की इंडेंट लाइन पर धकेलने की बजाय उनके कंटेंट के साथ उसी लाइन पर रखे जाते हैं। pre, script, style, और textarea जैसे टैग का अंदरूनी कंटेंट शाब्दिक रूप से भेजा जाता है ताकि व्हाइटस्पेस-संवेदनशील या एक्ज़ीक्यूटेबल कोड ख़राब न हो।
3. 3
   मिनिफ़ायर व्हाइटस्पेस को सुरक्षित रूप से समेटता है

   Minify मोड में, pre, script, style, और textarea ब्लॉक का कंटेंट किसी भी व्हाइटस्पेस समेटने से पहले नंबर वाले सेंटिनल से बदल दिया जाता है। HTML कमेंट्स हटाए जाते हैं, और टैग के बीच व्हाइटस्पेस के रन हटाए जाते हैं — सिवाय आस-पास के इनलाइन एलिमेंट के बीच, जहाँ शब्द एक-दूसरे में न मिलें इसके लिए एक स्पेस रखा जाता है। सेंटिनल प्लेसहोल्डर फिर उनके मूल कंटेंट में बहाल किए जाते हैं।
4. 4
   आउटपुट दिखाया जाता है और वैकल्पिक रूप से सेव किया जाता है

   फ़ॉर्मेटेड या मिनिफ़ाइड परिणाम साइज़-बदलाव प्रतिशत के साथ आउटपुट पैनल में लाइव दिखता है। आप इसे क्लिपबोर्ड में कॉपी कर सकते हैं या .html फ़ाइल के रूप में डाउनलोड कर सकते हैं, बिना ब्राउज़र छोड़े।

संबंधित टूल