Deminificare HTML online
Transformă sursa comprimată a unei pagini în marcaj lizibil. Etichetele sunt indentate după nivelul de imbricare, atributele sunt aranjate clar, iar scripturile și stilurile încorporate sunt formatate împreună cu documentul.
De ce sursa paginii arată așa
Minificatoarele HTML comprimă spațiile dintre etichete, elimină comentariile și etichetele de închidere opționale și înlătură ghilimelele din jurul atributelor unde nu sunt necesare. Șabloanele de pe server complică lucrurile: o pagină asamblată din zeci de fragmente ajunge ca un flux unic, fără legătură vizibilă cu fișierele originale. În sursa aproape oricărui site din producție găsești câteva linii uriașe, unde identificarea închiderii unei secțiuni presupune numărarea parantezelor unghiulare.
Structura este esențială
HTML este un arbore, iar un arbore afișat pe o singură linie este greu de citit. Indentarea după adâncime arată imediat forma documentului: unde se termină antetul, ce container încadrează conținutul principal, cât de adânc este plasată o componentă și cărui element îi lipsește eticheta de închidere. O sursă formatată este astfel utilă pentru verificarea ordinii titlurilor, inspectarea marcajului generat de un framework sau înțelegerea organizării unei secțiuni de pe alt site.
Scripturile și stilurile încorporate sunt formatate
O pagină reală conține rareori doar marcaj. Fragmentele de analiză, datele structurate JSON-LD, obiectele de configurare și CSS critic sunt încorporate direct în document și sunt la rândul lor minificate. Formatorul folosește analizorul potrivit pentru fiecare bloc, astfel încât o etichetă script cu JavaScript minificat devine JavaScript lizibil, iar o etichetă style devine CSS lizibil. Toate rămân în interiorul documentului HTML corect indentat.
Etichetele sensibile la spații sunt respectate
Indentarea HTML schimbă spațiile dintre etichete, iar uneori acestea sunt semnificative. Formatorul ține cont de acest lucru: conținutul elementelor pre și textarea este păstrat, iar elementele în linie nu sunt separate într-un mod care ar adăuga sau elimina spații vizibile în jurul textului. Obții un document mai ușor de citit, cu atenție la modul în care pagina este afișată. Păstrează totuși originalul și testează rezultatul înainte de publicare.
Întrebări frecvente
Pot lipi sursa unei pagini întregi?
Da. Copiază sursa din browser cu view-source sau salvează pagina și deschide fișierul. Întregul document, inclusiv head, body, scripturile încorporate și datele structurate, va fi formatat.
Formatarea schimbă afișarea paginii?
În mod normal, nu. Elementele sensibile la spații, precum pre și textarea, sunt păstrate, iar conținutul în linie este tratat cu grijă. Formatează totuși o copie pentru lectură și nu publica rezultatul în producție fără să îl testezi.
Funcționează cu șabloane Twig sau Blade?
Parțial. Marcajul obișnuit este formatat corect, dar etichetele cu sintaxă proprie ale șabloanelor pot deruta analizorul HTML. Instrumentul este conceput pentru HTML primit efectiv de browser, nu pentru șablonul care l-a generat.