Деминификација HTML кода на мрежи
Претворите сажет извор странице у читљив HTML. Ознаке се увлаче према дубини угнежђивања, атрибути се прегледно распоређују, а уграђене скрипте и стилови форматирају заједно са документом.
Зашто извор странице тако изгледа
HTML минификатори сажимају белине између ознака, уклањају коментаре, изостављају необавезне завршне ознаке и бришу наводнике око вредности атрибута којима нису потребни. Серверски шаблони додатно отежавају читање, јер страница склопљена из десетина делова стиже као јединствен ток који више не личи на датотеке од којих је настала. Отворите извор готово било ког продукционог сајта и наћи ћете неколико огромних редова у којима тражење завршне ознаке одељка подразумева ручно бројање угаоних заграда.
Структура је суштина
HTML је стабло, а стабло је тешко читати када је приказано у једној равној линији. Увлачење према дубини угнежђивања одмах открива облик документа: где се заглавље завршава, који контејнер обавија главни садржај, колико дубоко се налази компонента и ком елементу недостаје завршна ознака. Зато је форматиран извор странице користан за проверу редоследа наслова, преглед ознака које је генерисао радни оквир или разумевање начина на који је други сајт организовао одељак који вас занима.
Обрађују се и уграђене скрипте и стилови
Стварна страница ретко садржи само HTML ознаке. Исечци за аналитику, структурирани JSON-LD подаци, конфигурациони објекти и критични CSS често су уграђени директно у документ, а минификатор сажима и њих. Форматер обрађује сваки уграђени блок одговарајућим парсером: ознака script са минификованим JavaScript кодом постаје читљив JavaScript, а ознака style читљив CSS, све унутар документа са правилним увлачењем.
Поштовање ознака осетљивих на белине
Увлачење HTML кода мења белине између ознака, а оне понекад имају значење. Форматер то узима у обзир: садржај елемената pre и textarea остаје потпуно исти, а елементи унутар реда не преламају се тако да се додају или уклоне видљиви размаци око текста. Тако добијате документ који можете да прочитате уз очување начина на који се страница приказује.
Честа питања
Могу ли да налепим цео извор странице?
Да. Копирајте извор из прегледача помоћу view-source или сачувајте страницу и отворите датотеку. Биће форматиран цео документ, укључујући head, body, уграђене скрипте и структуриране податке.
Да ли форматирање мења приказ странице?
Не би требало. Елементи осетљиви на белине, као што су pre и textarea, остају очувани, а садржај унутар реда обрађује се пажљиво. Ипак, форматирајте копију за читање и немојте враћати резултат у продукцију без претходног тестирања.
Да ли алат ради са Twig или Blade шаблонима?
Делимично. Стандардне ознаке форматирају се исправно, али ознаке шаблона са посебном синтаксом могу да збуне HTML парсер. Алат је намењен HTML коду који прегледач заиста прима, а не шаблону који га је генерисао.