Zbukurues CSS Falas

Si funksionon

Ky mjet formaton CSS duke përdorur një analizues rekursiv të shkruar me dorë të ndërtuar direkt në faqe — pa bibliotekë të palës së tretë, pa thirrje serveri. Analizuesi kalon nëpër CSS-në tënde karakter pas karakteri, duke trajtuar saktë vargje me thonjëza, vlera url(), at-rules të mbivendosura, dhe komente që do të ngatërronin qasjet më të thjeshta të bazuara në regex.

1. 1
   Tokenizim në nivel karakteri

   Funksioni walkCss skanon hyrjen e papërpunuar një karakter në herë, duke gjurmuar gjendjen e thonjëzave dhe thellësinë e kllapave kështu që pikëpresjet ose kllapat brenda url(), vlerave string, ose komenteve nuk merren kurrë gabimisht si ndarës strukturorë.
2. 2
   Ndarja e bllokut dhe deklaratës

   Kur skaneri gjen një kllapë hapëse në nivel të lartë, nxjerr preludin (selektori ose fjala kyçe at-rule) dhe përpunon rekursivisht trupin e bllokut — i cili vetë mund të përmbajë rregulla të mbivendosura (@media, @supports, mbivendosje vendase CSS) të trajtuara në një thellësi më të thellë rekursioni.
3. 3
   Renditje vetish dhe kandim

   Deklaratat brenda çdo blloku mblidhen në një sekuencë, pastaj opsionalisht renditen alfabetikisht sipas emrit të vetisë para se të shkruhen me gjerësinë e zgjedhur të kandimit (2 ose 4 hapësira). Mënyra Minify anashkalon plotësisht hapësirat dhe heq komentet.
4. 4
   Dalje e menjëhershme brenda shfletuesit

   Rezultatet shfaqen ndërsa shkruan përmes një hook-u useMemo — asgjë nuk dërgohet askund. CSS-ja e formatuar ose e minifikuar mund të kopjohet te clipboard ose shkarkohet si skedar .css, dhe paneli tregon diferencën e madhësisë krahasuar me origjinalin.

Mjete të ngjashme