Акысыз CSS оңдоочу

Кыскартылган CSS-ти ырааттуу чегинүү менен көркөм чыгарыңыз. Болжолдуу диффтер үчүн атайын алфавиттик касиет иреттөө.

Жүктөлгөндөн кийин оффлайн иштейт

Файлдарды бул жерге таштаңыз же серептөө үчүн чыкылдатыңыз

CSS · Файлдын өлчөмүнө чектөө жок

же буферден коюу үчүн Ctrl+V басыңыз

Файлдарды карап чыгуу
Тазаланган CSS
Чыгуу бул жерде көрүнөт…

Бул кантип иштейт

Бул курал баракка түз курулган кол менен жазылган рекурсивдик талдагыч колдонуп CSSти форматтайт — үчүнчү тараптын китепканасы жок, серверге чалуу жок. Талдагыч CSSиңизди символ-боюнча-символ басып өтөт, чапталган саптарды, url() маанилерин, уялашкан at-эрежелерди жана жөнөкөй регекс-негизделген жолдорду чаташтырган комментарийлерди туура иштетип.

  1. 1
    Символ-деңгээлдеги токенизация
    walkCss функциясы чийки киргизүүнү бир учурда бир символ сканерлейт, url(), сап маанилери же комментарийлердин ичиндеги чекиттүү үтүрлөр же кашаалар эч качан структуралык бөлгүчтөр менен чаташтырылбашы үчүн тырмакча абалын жана кашаа тереңдигин байкайт.
  2. 2
    Блок жана деклара бөлүнүшү
    Сканер жогорку-деңгээлдеги ачык кашааны тапканда, ал прелюдди (тандагычты же at-эреже ачкыч сөзүн) алат жана блок телесин рекурсивдик түрдө иштетет — бул өзү тереңирээк рекурсия тереңдигинде иштетилген уялашкан эрежелерди (@media, @supports, нативдик CSS уялаштыруу) камтышы мүмкүн.
  3. 3
    Касиет иреттөө жана четтетүү
    Ар бир блоктогу декларалар агымга чогултулат, андан кийин тандалган четтетүү туурасы (2 же 4 боштук) менен жазылганга чейин милдеттүү эмес алфавиттик касиет аты боюнча иреттелет. Кыскартуу режими боштукту толугу менен өткөрүп жиберет жана комментарийлерди алат.
  4. 4
    Дароо браузердик чыгуу
    Натыйжалар useMemo хугу аркылуу терип жатканда пайда болот — эч нерсе эч жакка жиберилбейт. Форматталган же кыскартылган CSS алмашуу буферине көчүрүлүшү же .css файлы катары жүктөлүшү мүмкүн, панель түпнускага салыштырмалуу өлчөм айырмасын көрсөтөт.

Байланыштуу куралдар

Көп берилүүчү суроолор