ఉచిత HTML బ్యూటిఫైయర్ & మినిఫైయర్

ఇది ఎలా పనిచేస్తుంది

ఈ టూల్ పేజీలోనే నేరుగా నిర్మించిన చేతితో రాసిన ట్యాగ్-అవగాహన టోకనైజర్ ఉపయోగించి HTMLను ఫార్మాట్ లేదా కంప్రెస్ చేస్తుంది — థర్డ్-పార్టీ ఫార్మాటింగ్ లైబ్రరీ లేదు, సర్వర్ రౌండ్-ట్రిప్ లేదు. మీరు టైప్ లేదా అతికించిన క్షణమే మీ మార్కప్‌లోని ప్రతి అక్షరం బ్రౌజర్‌లో లోకల్‌గా ప్రాసెస్ అవుతుంది.

1. 1
   టోకనైజర్ మార్కప్‌ను స్కాన్ చేస్తుంది

   అనుకూల అక్షరం-వారీ స్కానర్ HTML స్ట్రింగ్‌ను పరిశీలిస్తూ కామెంట్‌లు, DOCTYPE డిక్లరేషన్‌లు, ప్రారంభ ట్యాగ్‌లు, ముగింపు ట్యాగ్‌లు, స్వయం-ముగింపు void ఎలిమెంట్‌లు (br, img, input, మొదలైనవి), మరియు ముడి టెక్స్ట్ నోడ్‌లను గుర్తిస్తుంది. ప్రత్యేక హెల్పర్ కోట్ చేసిన అట్రిబ్యూట్ విలువలను ట్రాక్ చేస్తుంది, కాబట్టి అట్రిబ్యూట్ లోపల > వంటి అక్షరాలు (ఉదా. value="a>b") ట్యాగ్‌ను ముందుగానే విభజించవు.
2. 2
   ఇండెంటేషన్ లోతు ప్రతి ట్యాగ్‌కు ట్రాక్ చేయబడుతుంది

   beautify మోడ్ కోసం, టోకనైజర్ లోతు కౌంటర్‌ను నిర్వహిస్తుంది. బ్లాక్-స్థాయి ప్రారంభ ట్యాగ్‌లు లోతును పెంచుతాయి; ముగింపు ట్యాగ్‌లు రాయబడే ముందు దాన్ని తగ్గిస్తాయి. ఇన్‌లైన్ ఎలిమెంట్‌లు (span, a, strong, em, మొదలైనవి) సొంత ఇండెంట్ లైన్‌కు నెట్టబడకుండా వాటి విషయంతో అదే లైన్‌లో ఉంచబడతాయి. pre, script, style, మరియు textarea వంటి ట్యాగ్‌ల లోపలి విషయం ఖాళీ-సున్నితమైన లేదా అమలు చేయగల కోడ్ పాడవకుండా యథాతథంగా ఇవ్వబడుతుంది.
3. 3
   Minifier ఖాళీలను సురక్షితంగా కుదిస్తుంది

   minify మోడ్‌లో, ఏ ఖాళీ కుదింపు జరిగే ముందైనా pre, script, style, మరియు textarea బ్లాక్‌ల విషయం సంఖ్యా sentinelsతో మార్చబడుతుంది. HTML కామెంట్‌లు తీసివేయబడతాయి, ట్యాగ్‌ల మధ్య ఖాళీల వరుసలు తొలగించబడతాయి — పక్కపక్కన ఉన్న ఇన్‌లైన్ ఎలిమెంట్‌ల మధ్య తప్ప, అక్కడ పదాలు కలిసిపోకుండా ఒకే ఖాళీ ఉంచబడుతుంది. తర్వాత sentinel placeholders వాటి అసలు విషయానికి పునరుద్ధరించబడతాయి.
4. 4
   అవుట్‌పుట్ చూపబడి ఐచ్ఛికంగా సేవ్ చేయబడుతుంది

   ఫార్మాట్ చేసిన లేదా minify చేసిన ఫలితం పరిమాణ-మార్పు శాతంతో పాటు అవుట్‌పుట్ ప్యానెల్‌లో లైవ్‌గా కనిపిస్తుంది. దాన్ని క్లిప్‌బోర్డ్‌కు కాపీ చేయవచ్చు లేదా .html ఫైల్‌గా డౌన్‌లోడ్ చేయవచ్చు, అన్నీ బ్రౌజర్ వదలకుండానే.

సంబంధిత సాధనాలు