Бесплатен Разубавувач на CSS

Како функционира

Оваа алатка форматира CSS користејќи рачно напишан рекурзивен парсер вграден директно во страницата — без библиотека од трета страна, без повик до сервер. Парсерот минува низ вашиот CSS карактер по карактер, правилно ракувајќи со наведени низи, вредности url(), вгнездени at-правила и коментари кои би ги збуниле поедноставните пристапи базирани на регуларни изрази.

1. 1
   Токенизација на ниво на карактер

   Функцијата walkCss го скенира суровиот влез еден карактер во исто време, следејќи состојба на наводници и длабочина на загради така што точка-запирки или загради внатре во url(), низи со вредности, или коментари никогаш не се погрешно земаат за структурни ограничувачи.
2. 2
   Одделување на блокови и декларации

   Кога скенерот ќе најде отворена загра на највисоко ниво, ја извлекува преамбулата (селекторот или клучниот збор на at-правило) и рекурзивно го обработува телото на блокот — кое самото може да содржи вгнездени правила (@media, @supports, природно вгнездување на CSS) обработени на подлабоко ниво на рекурзија.
3. 3
   Сортирање на својства и вовлекување

   Декларациите во секој блок се собираат во низа, потоа опционално се сортираат по азбучен ред по името на својството пред да се запишат со избраната ширина на вовлекување (2 или 4 празни места). Режимот за минифицирање целосно ги прескокнува празните места и ги отстранува коментарите.
4. 4
   Моментален излез во прелистувачот

   Резултатите се појавуваат додека пишувате преку кука useMemo — ништо не се испраќа никаде. Форматираниот или минифициран CSS може да се копира во клипборд или да се преземе како .css датотека, а панелот ја прикажува разликата во големина во споредба со оригиналот.

Поврзани алатки