Gør minificeret HTML læsbart online
Gør en komprimeret sides kildekode til læsbar markup. Tags indrykkes efter dybde, attributter opstilles overskueligt, og indlejrede scripts og styles formateres sammen med dokumentet.
Derfor ser sidens kildekode sådan ud
HTML-minificering samler mellemrum mellem tags, fjerner kommentarer og valgfrie afsluttende tags og sletter anførselstegn omkring attributværdier, der kan undvære dem. Skabeloner på serveren bidrager til rodet, fordi en side sammensat af mange delskabeloner leveres som én strøm uden synlig forbindelse til kildefilerne. Åbner du kildekoden på et almindeligt produktionswebsted, møder du ofte få enorme linjer, hvor du må tælle vinkelparenteser for at finde afslutningen på en sektion.
Strukturen er det afgørende
HTML er et træ, og et træ er svært at læse, når det skrives fladt. Indrykning efter dybde viser straks dokumentets form: hvor sidehovedet slutter, hvilken container der omslutter hovedindholdet, hvor dybt en komponent ligger, og hvilket element der mangler et afsluttende tag. Derfor er formateret kildekode nyttig, når du vil kontrollere overskrifternes rækkefølge, undersøge markup fra et framework eller forstå, hvordan en anden side har bygget en bestemt sektion.
Indlejrede scripts og styles formateres også
En rigtig side består sjældent kun af markup. Analysescripts, strukturerede JSON-LD-data, konfigurationsobjekter og kritisk CSS ligger ofte direkte i dokumentet, og de bliver også minificeret. Formatteren behandler hver indlejret blok med den rigtige parser. Et script-tag med minificeret JavaScript bliver derfor til læsbart JavaScript, og et style-tag bliver til læsbar CSS, stadig placeret i det korrekt indrykkede dokument.
Hensyn til tags, hvor mellemrum betyder noget
Indrykning ændrer mellemrummene mellem tags, og de kan være betydningsfulde. Formatteren tager hensyn til det: Indhold i pre og textarea bevares uændret, og inline-elementer deles ikke på måder, der tilføjer eller fjerner synlige mellemrum omkring teksten. Du får dermed et dokument, der er nemmere at læse, uden at formateringen skal ændre sidens gengivelse. Behold alligevel originalen, når du undersøger kode fra en aktiv side.
Ofte stillede spørgsmål
Kan jeg indsætte hele kildekoden til en side?
Ja. Kopiér kildekoden med browserens kildevisning, eller gem siden og åbn filen. Hele dokumentet formateres, inklusive head, body, indlejrede scripts og strukturerede data.
Ændrer formatering sidens udseende?
Det burde den ikke. Elementer som pre og textarea, hvor mellemrum er vigtige, bevares, og inline-indhold behandles omhyggeligt. Formatér dog en kopi til læsning, og test resultatet, før du eventuelt bruger det i produktion.
Virker det med skabeloner som Twig eller Blade?
Delvist. Almindelig markup formateres fint, men skabelontags med egen syntaks kan forvirre HTML-parseren. Værktøjet er beregnet til den HTML, browseren modtager, frem for skabelonen, som genererede den.