01 / Postup
Ako to funguje
Odstraňuje vybrané medzery zápisu; skontrolujte miesta, kde má medzera význam.
Užitočná poznámka
Pri zložitej syntaxi alebo produkčných súboroch overte výsledok v cieľovej aplikácii aj špecializovaným nástrojom.
Formátovanie kódu / MULTIVERTO
Minifikovať CSS
Odstráňte bezpečné medzery zápisu z CSS.
Okamžitý prevodVáš vstup zostáva v prehliadači. Text na prevod nikam neodosielame.
Súbor zostáva vo vašom prehliadači.
Reťaziť nástroje
Každý textový nástroj použite na predchádzajúci výsledok.
02 / Príklad
Príklad
Váš vstup
h1 { color: #334155; margin: 0; }
p { line-height: 1.5; }Výsledok
h1{color:#334155;margin:0}p{line-height:1.5}03 / Postup
Minifikovať CSS — Ako to funguje
Čo tento nástroj mení
Odstráňte bezpečné medzery zápisu z CSS. Odstraňuje vybrané medzery zápisu; skontrolujte miesta, kde má medzera význam. Kompaktný CSS odstráni bežné komentáre a časť medzier pri zložených zátvorkách, dvojbodkách a bodkočiarkach. Medzery medzi časťami selektora zostávajú dôležité. Porovnajte zobrazenú stránku, najmä pri vlastných premenných alebo funkciách.
Poznajte formát
CSS pozostáva zo selektorov, pravidiel, blokov deklarácií, hodnôt a komentárov. Medzera medzi selektormi môže vyjadrovať vzťah potomka, takže bezhlavé odstránenie všetkých medzier by zmenilo výber elementov. Reťazce, funkcie ako calc(), vlastné premenné aj vložené URL môžu obsahovať znaky podobné oddeľovačom. Formátovač pred zmenou rozloženia rozpoznáva reťazce, komentáre a vnorenie; nevyhodnocuje kaskádu ani podporu prehliadačov. Kompaktná verzia odstráni bežné komentáre a vybrané medzery okolo interpunkcie. Je zámerne miernejšia ako produkčný minifikátor. Po skopírovaní skontrolujte stránku, ktorá daný štýl používa.
Spoľahlivý postup
Zhustenie má zmysel, keď výsledok spracúva stroj a ľudsky čitateľné odsadenie netreba. Najprv overte, že pôvodný zdroj funguje, a potom si všimnite, čo operácia odstraňuje. Tento nástroj nesľubuje úsporu produkčného minifikátora: taký program môže parsovať celú gramatiku, meniť identifikátory, skladať konštanty či po serializácii komprimovať. Tu platí opatrný postup; neistá konštrukcia zostane zachovaná alebo vyvolá chybu. Dĺžku porovnávajte až po porovnaní správania či spracovaného obsahu. Ak cieľový proces potrebuje komentáre, licencie, mapy zdroja alebo významové medzery, zohľadnite to pred nahradením pôvodného súboru.
Overte výsledok
Pôvodný zdroj si nechajte vedľa výsledku a pred veľkým dokumentom vyskúšajte krátky známy príklad. Porovnávajte významový obsah, nielen veľkosť súboru či počet riadkov. Po transformácii skontrolujte názvy, reťazce v úvodzovkách, znaky mimo ASCII, konce riadkov aj opakované polia. Čitateľný výsledok neoveruje schému, nedokazuje spustiteľnosť kódu ani bezpečnosť zverejnenia dát. Táto stránka spracúva text v prehliadači a ukazuje výsledok ako text, ale po vložení do inej aplikácie sa uplatnia jej pravidlá. Ak nástroj vstup odmietne, nájdite nepodporovanú konštrukciu a podľa potreby použite špecializovaný parser. Pri kopírovaní z dokumentácie si všimnite typografické úvodzovky, neviditeľné medzery a znak poradia bajtov na začiatku textu. Tieto znaky môžu vyzerať nenápadne, no parser ich môže vyhodnotiť inak než obyčajnú medzeru alebo úvodzovku.
CSS — Vstup
Načítať a zmeniť štruktúru
CSS — Výsledok