Dette verktøyet re-formaterer HTML-kode for å gjøre den enklere å lese, eller for å redusere filstørrelsen. I tillegg kan det kontrollere HTML-koden for vanlige strukturelle problemer, som for eksempel uavsluttede tagger. Hele prosessen skjer direkte i nettleseren din, og ingen data sendes til BroBroGo.
Forskjellen på formatering og minifisering av HTML
Formatering og minifisering tjener to helt ulike formål i utviklingsløpet. Når du formaterer HTML-koden, re-formateres og struktureres koden med systematiske innrykk og linjeskift. Dette gjør uoversiktlig og sammenpresset kode enkel å lese, feilsøke og vedlikeholde for utviklere.
Minifisering gjør det motsatte. Formålet her er å redusere filstørrelsen mest mulig for å sikre raskere innlasting av nettsider. Under minifisering fjernes unødvendige mellomrom, linjeskift og kommentarer som nettleseren ikke trenger for å tolke koden. Verktøyet komprimerer også innebygd CSS og JavaScript, og fjerner valgfrie anførselstegn rundt attributter. Whitespace-sensitiv tekst, som forhåndsformaterte blokker i <pre>-tagger, blir stående helt urørt under minifiseringen for å bevare det visuelle oppsettet.
Slik bruker du verktøyet
Verktøyet har et enkelt grensesnitt der du limer inn eller skriver koden din direkte i tekstfeltet under HTML-inndata. Maksimal kapasitet for behandling er 500 000 tegn.
Før du kjører prosessen, kan du justere følgende innstillinger:
- Innrykk: Velg mellom "2/4 spaces or Tab" for å bestemme hvordan koden skal struktureres ved formatering.
- Validering: Sett denne til På eller Av. Når den er aktivert, vil verktøyet lete etter strukturelle feil i koden.
Når du klikker på Formater, re-indenteres koden, og statusmeldingen Formatert. vises. Klikker du på Minifiser, komprimeres koden, og statusen viser enten Minifisert. eller Minifisert – {pct} % mindre., avhengig av hvor mye plass som ble spart. Klikker du på Tøm, fjernes all tekst, og statusen endres til Tømt..
Hvis dokumentet overskrider grensen på 500 000 tegn, vil feilmeldingen Dette dokumentet er for stort til å behandles. Prøv en mindre fil. vises. Dersom koden inneholder kritiske feil som hindrer verktøyet i å kjøre, vises feilmeldingen Kunne ikke behandle denne HTML-en..
Automatisk validering og strukturell kontroll
Når du aktiverer Validering, vil statusen Sjekker… vises mens verktøyet analyserer koden. Dette er en rask strukturell sjekk, og ikke en fullstendig W3C-samsvarsrapport.
Verktøyet ser etter spesifikke problemer som kan påvirke hvordan siden tolkes og rendres av nettlesere:
- Uavsluttede eller feilaktig matchede tagger.
- Dupliserte ID-er (som skal være unike på en nettside).
- Gjentatte attributter i samme tagg.
- Umaskerte tegn som kan skape tolkningsfeil.
Hvis alt er i orden, viser verktøyet meldingen Ingen problemer funnet. under overskriften Validering. Dersom det oppdages feil, vil statusen vise Fant {count} problem(er).. Hvert enkelt problem listes opp med nøyaktig plassering angitt som Linje {line}:{col}, slik at du raskt kan finne og rette opp feilen i kildekoden.
Sanntidsstatistikk for koden din
Etter hver behandling genererer verktøyet oppdaterte målinger for den resulterende HTML-koden. Du kan lese av følgende verdier direkte i grensesnittet:
- Linjer: Det totale antallet linjer i den behandlede koden.
- Tegn: Det totale antallet tegn i dokumentet.
- Størrelse: Den nøyaktige filstørrelsen oppgitt i byte.
Dette gjør det enkelt å sammenligne filstørrelsen før og etter minifisering, slik at du ser nøyaktig hvor mange byte du sparer før du publiserer koden til produksjon.
Personvern og lokal databehandling
Når du bruker dette verktøyet, behandles kildekoden din lokalt i nettleseren din. HTML-koden din formateres, minifiseres og sjekkes på din egen enhet, og ingenting sendes til BroBroGo. Dette betyr at du kan arbeide med kildekode uten at eksterne servere mottar eller lagrer innholdet.
Ofte stilte spørsmål
Hva er forskjellen på formatering og minifisering?
Formatering (beautify) legger til innrykk og mellomrom i koden slik at den blir enkel å lese og redigere. Minifisering gjør det motsatte – det fjerner unødvendige mellomrom og kommentarer som nettleseren ikke trenger, slik at filen blir mindre og laster raskere. Formater mens du jobber, minifiser før du publiserer.
Hva sjekkes når validering er slått på?
Den flagger strukturelle problemer som en nettleser vanligvis ville glattet over i stillhet – som uavsluttede eller feilaktig matchede tagger, dupliserte ID-er, gjentatte attributter og umaskerte tegn – og oppgir linje og kolonne for hvert problem. Dette er en rask strukturell sjekk, ikke en fullstendig W3C-samsvarsrapport.
Vil minifisering endre hvordan siden min ser ut?
Nei – siden din vil se ut og fungere nøyaktig som før. Minifiseringen fjerner unødvendige mellomrom og kommentarer, komprimerer innebygd CSS og JavaScript, og fjerner valgfrie anførselstegn rundt attributter, slik at kun det nettleseren faktisk trenger for å tegne siden identisk beholdes. Tekst der mellomrom er viktig, som forhåndsformaterte blokker (pre), forblir urørt.
Hvorfor får jeg feilmelding om at dokumentet er for stort?
Verktøyet har en øvre grense på 500 000 tegn per kjøring for å sikre rask og stabil behandling direkte i nettleseren. Hvis du har en større fil enn dette, må du dele den opp i mindre deler eller redusere størrelsen før du limer den inn.