मोफत HTML ब्युटिफायर आणि मिनिफायर

हे कसे कार्य करते

हे साधन पेजमध्ये थेट बांधलेल्या गराज-लिहिलेल्या tag-aware tokenizer चा वापर करून HTML फॉरमॅट किंवा कॉम्प्रेस करते — थर्ड-पार्टी फॉरमॅटिंग लायब्ररी, सर्व्हर राउंड-ट्रिप नाही. तुम्ही टाइप किंवा पेस्ट करताच तुमच्या markup चे प्रत्येक अक्षर स्थानिक पातळीवर प्रक्रिया केले जाते.

1. 1
   Tokenizer markup स्कॅन करतो

   एक कस्टम character-by-character scanner HTML स्ट्रिंगमधून जातो, comments, DOCTYPE declarations, opening tags, closing tags, self-closing void elements (br, img, input, इ.), आणि कच्चे text nodes ओळखत. एक समर्पित हेल्पर quoted attribute मूल्ये ट्रॅक करतो त्यामुळे attribute आतील > सारखी अक्षरे (उदा. value="a>b") tag ला कधीही लवकर तुटवत नाहीत.
2. 2
   इंडेंटेशन खोली प्रति tag ट्रॅक केली जाते

   beautify मोडसाठी, tokenizer एक depth counter ठेवतो. Block-level opening tags depth वाढवतात; closing tags लिहिण्यापूर्वी तो कमी करतात. Inline घटक (span, a, strong, em, इ.) त्यांच्या स्वतःच्या इंडेंट केलेल्या ओळीवर न ढकलता त्यांच्या सामग्रीसोबत त्याच ओळीवर ठेवले जातात. pre, script, style, आणि textarea सारखे tags whitespace-संवेदनशील किंवा कार्यान्वयनक्षम कोड गैरवापर टाळण्यासाठी त्यांची आतील सामग्री जशीच्या तशी उत्सर्जित करतात.
3. 3
   Minifier whitespace सुरक्षितपणे संकुचित करतो

   minify मोडमध्ये, कोणतेही whitespace संकुचन होण्याआधी pre, script, style, आणि textarea blocks ची सामग्री दुगारलेल्या sentinels ने बदलली जाते. HTML comments काढले जातात, आणि tags मधील whitespace गट काढले जातात — लगतच्या inline घटकांमधील वगळता, जिथे शब्द एकत्र होऊ नयेत यासाठी एक जागा जपली जाते. Sentinel placeholders नंतर त्यांच्या मूळ सामग्रीत पुनर्संचयित केले जातात.
4. 4
   आउटपुट दाखवला जातो आणि पर्यायाने सेव्ह केला जातो

   फॉरमॅट केलेला किंवा minified निकाल आउटपुट panel मध्ये आकार-बदल टक्केवारीसह लाइव्ह दिसतो. तुम्ही ब्राउझर न सोडता तो clipboard वर कॉपी करू शकता किंवा .html फाइल म्हणून डाउनलोड करू शकता.

संबंधित साधने