இலவச CSS மினிஃபையர் & பியூட்டிஃபையர்

இது எவ்வாறு செயல்படுகிறது

இந்தக் கருவி முழுவதும் JavaScript இல் உருவாக்கப்பட்ட கையால் எழுதிய, பூஜ்ய-சார்பு CSS tokenizer ஐப் பயன்படுத்துகிறது — வெளி நூலகங்கள் இல்லை, சர்வர் அழைப்புகள் இல்லை. எந்த மாற்றத்துக்கும் முன் tokenizer ஒவ்வொரு எழுத்தையும் code, comment, quoted string அல்லது url() மதிப்பாக வகைப்படுத்துகிறது; இது வெற்றிட விதிகள் string உள்ளடக்கம், data URIs அல்லது calc() expressions ஐச் சிதைப்பதைத் தடுக்கிறது.

1. 1
   Tokenization சுற்று

   உள்ளீட்டு CSS எழுத்து எழுத்தாக ஸ்கேன் செய்யப்பட்டு typed tokens ஆகப் பிரிக்கப்படுகிறது: மூல code பகுதிகள், /* ... */ comments, quoted strings (escape sequences பாதுகாக்கப்படும்), url(...) blocks. இது அடுத்த படியில் மாற்றங்கள் உண்மையான CSS syntax ஐ மட்டுமே தொடுவதை உறுதிசெய்கிறது — string literal அல்லது data URI உள்ளடக்கத்தை ஒருபோதும் அல்ல.
2. 2
   Minification அல்லது beautification

   minify பயன்முறையில், சாதாரண comments நீக்கப்படுகின்றன (/*! license */ comments வைக்கப்படும்), code tokens இல் உள்ள தொடர் வெற்றிடங்கள் ஒற்றை இடைவெளியாகச் சுருக்கப்படுகின்றன, { } : ; , > ~ சுற்றியுள்ள வெற்றிடம் நீக்கப்படுகிறது. calc() expressions உடையாமல் இருக்க + மற்றும் - சுற்றியுள்ள இடைவெளிகள் வேண்டுமென்றே விடப்படுகின்றன. beautify பயன்முறையில், code முதலில் சுத்தமான அடிப்படைக்கு minify செய்யப்பட்டு, பின் மீண்டும் tokenize செய்யப்பட்டு இரண்டு-இடைவெளி ஆழக் கண்காணிப்புடன் உள்தள்ளப்படுகிறது; property: value colons ஐ a:hover போன்ற selector colons இலிருந்து வேறுபடுத்த declaration-colon கண்டறிதல் பயன்படுகிறது.
3. 3
   Gzip அளவு மதிப்பீடு

   வெளியீட்டை உருவாக்கிய பின், உலாவியின் native CompressionStream API முடிவை gzip மூலம் சுருக்கி விளைவு byte எண்ணிக்கையை அளவிடுகிறது. இது gzip சுருக்கமுள்ள இணைய சர்வர் நெட்வொர்க்கில் அனுப்புவதற்குப் பொருந்தும் யதார்த்தமான பரிமாற்ற அளவு மதிப்பீட்டைத் தருகிறது.
4. 4
   நகலெடு அல்லது பதிவிறக்கு

   செயலாக்கிய CSS Clipboard API வழியாகக் கிளிப்போர்டில் எழுதப்படுகிறது, அல்லது MIME வகை text/css உள்ள Blob மூலம் styles.min.css (minify) அல்லது styles.css (beautify) ஆகப் பதிவிறக்கப்படுகிறது. நீங்கள் தட்டச்சு செய்யும்போதே அளவுக் குறைப்புச் சதவீதம் நேரலையாகக் காட்டப்படும்.

தொடர்புடைய கருவிகள்