സൗജന്യ HTML ബ്യൂട്ടിഫയർ & മിനിഫയർ

ഇത് എങ്ങനെ പ്രവർത്തിക്കുന്നു

ഈ ടൂൾ പേജിലേക്ക് നേരിട്ട് നിർമ്മിച്ച ഒരു കൈകൊണ്ട് എഴുതിയ ടാഗ്-ബോധമുള്ള ടോക്കണൈസർ ഉപയോഗിച്ച് HTML ഫോർമാറ്റ് ചെയ്യുകയോ കംപ്രസ് ചെയ്യുകയോ ചെയ്യുന്നു — മൂന്നാം കക്ഷി ഫോർമാറ്റിംഗ് ലൈബ്രറിയില്ല, സെർവർ റൗണ്ട്-ട്രിപ്പില്ല. നിങ്ങളുടെ മാർക്കപ്പിന്റെ ഓരോ ക്യാരക്ടറും നിങ്ങൾ അത് ടൈപ്പ് ചെയ്യുകയോ പേസ്റ്റ് ചെയ്യുകയോ ചെയ്യുന്ന നിമിഷം ബ്രൗസറിൽ പ്രാദേശികമായി പ്രോസസ്സ് ചെയ്യപ്പെടുന്നു.

1. 1
   ടോക്കണൈസർ മാർക്കപ്പ് സ്കാൻ ചെയ്യുന്നു

   ഒരു കസ്റ്റം ക്യാരക്ടർ-ബൈ-ക്യാരക്ടർ സ്കാനർ HTML സ്ട്രിംഗിലൂടെ നടക്കുന്നു, കമന്റുകൾ, DOCTYPE ഡിക്ലറേഷനുകൾ, ഓപ്പണിംഗ് ടാഗുകൾ, ക്ലോസിംഗ് ടാഗുകൾ, self-closing void എലമെന്റുകൾ (br, img, input മുതലായവ), അസംസ്കൃത ടെക്സ്റ്റ് നോഡുകൾ എന്നിവ തിരിച്ചറിയുന്നു. ഒരു സമർപ്പിത ഹെൽപ്പർ quoted attribute മൂല്യങ്ങൾ ട്രാക്ക് ചെയ്യുന്നു, അതിനാൽ ഒരു attribute-നുള്ളിലെ > പോലുള്ള ക്യാരക്ടറുകൾ (ഉദാ. value="a>b") ഒരിക്കലും ഒരു ടാഗ് നേരത്തെ വിഭജിക്കുന്നതിന് കാരണമാകില്ല.
2. 2
   ഇൻഡന്റേഷൻ ഡെപ്ത്ത് ഓരോ ടാഗിനും ട്രാക്ക് ചെയ്യപ്പെടുന്നു

   Beautify മോഡിന്, ടോക്കണൈസർ ഒരു ഡെപ്ത്ത് കൗണ്ടർ പരിപാലിക്കുന്നു. Block-level ഓപ്പണിംഗ് ടാഗുകൾ ഡെപ്ത്ത് വർദ്ധിപ്പിക്കുന്നു; ക്ലോസിംഗ് ടാഗുകൾ അവ എഴുതപ്പെടുന്നതിന് മുമ്പ് അത് കുറയ്ക്കുന്നു. ഇൻലൈൻ എലമെന്റുകൾ (span, a, strong, em മുതലായവ) സ്വന്തം ഇൻഡന്റഡ് വരിയിലേക്ക് തള്ളുന്നതിന് പകരം അവയുടെ ഉള്ളടക്കത്തിന്റെ അതേ വരിയിൽ സൂക്ഷിക്കുന്നു. pre, script, style, textarea പോലുള്ള ടാഗുകൾക്ക് വൈറ്റ്‌സ്പേസ്-സെൻസിറ്റീവ് അല്ലെങ്കിൽ എക്സിക്യൂട്ടബിൾ കോഡ് കേടുവരുത്താതിരിക്കാൻ അവയുടെ ആന്തരിക ഉള്ളടക്കം അക്ഷരാർത്ഥത്തിൽ പുറപ്പെടുവിക്കുന്നു.
3. 3
   മിനിഫയർ വൈറ്റ്‌സ്പേസ് സുരക്ഷിതമായി ചുരുക്കുന്നു

   Minify മോഡിൽ, pre, script, style, textarea ബ്ലോക്കുകളുടെ ഉള്ളടക്കം ഏത് വൈറ്റ്‌സ്പേസ് ചുരുക്കലും നടക്കുന്നതിന് മുമ്പ് നമ്പർ ചെയ്ത സെന്റിനലുകളാൽ മാറ്റുന്നു. HTML കമന്റുകൾ നീക്കം ചെയ്യുന്നു, ടാഗുകൾക്കിടയിലുള്ള വൈറ്റ്‌സ്പേസ് റണ്ണുകൾ നീക്കം ചെയ്യുന്നു — സമീപ ഇൻലൈൻ എലമെന്റുകൾക്കിടയിൽ ഒഴികെ, അവിടെ വാക്കുകൾ കൂടിച്ചേരാതിരിക്കാൻ ഒരു ഒറ്റ സ്പേസ് സൂക്ഷിക്കുന്നു. സെന്റിനൽ പ്ലേസ്ഹോൾഡറുകൾ പിന്നെ അവയുടെ യഥാർത്ഥ ഉള്ളടക്കത്തിലേക്ക് പുനഃസ്ഥാപിക്കപ്പെടുന്നു.
4. 4
   ഔട്ട്പുട്ട് പ്രദർശിപ്പിക്കുകയും ഓപ്ഷണലായി സേവ് ചെയ്യുകയും ചെയ്യുന്നു

   ഫോർമാറ്റ് ചെയ്തതോ minify ചെയ്തതോ ആയ ഫലം ഒരു വലുപ്പ-മാറ്റ ശതമാനത്തോടൊപ്പം ഔട്ട്പുട്ട് പാനലിൽ തത്സമയം പ്രത്യക്ഷപ്പെടുന്നു. ബ്രൗസർ വിടാതെ തന്നെ നിങ്ങൾക്ക് ഇത് ക്ലിപ്ബോർഡിലേക്ക് പകർത്താം അല്ലെങ്കിൽ ഒരു .html ഫയലായി ഡൗൺലോഡ് ചെയ്യാം.

അനുബന്ധ ടൂളുകൾ