Hvad gør HTML Formaterings- & minificeringsværktøj?
Dette onlineværktøj er udviklet til at omformatere HTML-kode, så den enten bliver lettere at læse eller fylder mindre i filstørrelse. Udover at ændre kodens struktur kan værktøjet også kontrollere din HTML for gængse strukturelle problemer, såsom uafsluttede tags. Hele denne proces og behandling sker direkte i din browser.
Værktøjet er særligt nyttigt for:
- Personer, der ønsker at gøre rodet og uoverskuelig HTML-kode nemmere at læse og redigere.
- Personer, der har brug for at reducere filstørrelsen på deres HTML, så websider kan indlæses hurtigere.
- Personer, der hurtigt vil kontrollere deres HTML for almindelige strukturelle fejl, som f.eks. uafsluttede tags.
- Personer, der arbejder på en webside og vil sikre sig, at deres HTML vises og fungerer nøjagtigt på samme måde efter en minificering.
Indstillinger og input i værktøjet
For at bruge værktøjet skal du angive følgende input og indstillinger i brugerfladen:
- HTML-input: En tekstboks, hvor du kan indsætte eller skrive den HTML-kode, du ønsker at behandle. Værktøjet kan håndtere dokumenter på op til 500.000 tegn.
- Indrykning: Når du formaterer din kode, kan du vælge, om indrykningen skal baseres på "2/4 spaces or Tab".
- Valider: Du kan vælge at slå validering af koden enten "Til" eller "Fra".
Forskellen på formatering og minificering
Når du behandler din HTML-kode, kan du vælge mellem to forskellige funktioner alt efter dit behov:
Formater
Når du vælger at formatere koden, genindrykker og spreder værktøjet din markup. Dette gør kildekoden langt mere overskuelig, struktureret og nemmere at navigere i, når du skal redigere den manuelt. Efter behandlingen vises statusmeddelelsen "Formateret.".
Minificer
Når du minificerer koden, fjernes overflødige mellemrum og kommentarer. Værktøjet komprimerer desuden indlejret CSS og JavaScript samt fjerner valgfrie anførselstegn ved attributter. Tekst, der er følsom over for mellemrum – såsom præformaterede blokke (pre) – lades fuldstændig uberørt under minificeringen. Efter behandlingen vises statusmeddelelsen "Minificeret." eller "Minificeret – {pct}% mindre.".
Validering af HTML-strukturen
Hvis du har slået funktionen Valider "Til", vil værktøjet køre en kontrol af din HTML-kode. Mens kontrollen udføres, vises statusmeddelelsen "Kontrollerer…".
Valideringen foretager en hurtig strukturel kontrol og er ikke en fuld W3C-overensstemmelsesrapport. Den markerer specifikke strukturelle problemer i koden, herunder:
- Uafsluttede eller forkert matchede tags.
- Dublerede id'er.
- Gentagne attributter.
- Tegn, der ikke er escaped.
Hvis der ikke findes nogen fejl under kontrollen, vises beskeden "Ingen problemer fundet." under overskriften "Validering". Hvis der derimod opdages fejl, vises beskeden "Der blev fundet {count} problem(er).", og værktøjet angiver den præcise placering for hvert problem i formatet "Linje {line}:{col}".
Fejlhåndtering og begrænsninger
Værktøjet har indbyggede grænser og fejlmeddelelser for at sikre en stabil kørsel:
- Størrelsesbegrænsning: Værktøjet kan maksimalt behandle op til 500.000 tegn. Hvis du indsætter et dokument, der overskrider denne grænse, vil fejlmeddelelsen "Dette dokument er for stort til at blive behandlet. Prøv med et mindre." blive vist.
- Behandlingsfejl: Hvis koden af andre årsager ikke kan behandles af systemet, vises fejlmeddelelsen "Kunne ikke behandle denne HTML.".
- Rydning af input: Hvis du vælger at tømme tekstfeltet ved at trykke på "Ryd", nulstilles visningen, og statusmeddelelsen "Ryddet." vises.
Statistikker for den behandlede HTML
Når værktøjet har færdiggjort behandlingen af din HTML-kode, præsenteres du for en række realtidsdata om resultatet:
- Linjer: Det samlede antal linjer i den behandlede HTML-kode.
- Tegn: Det nøjagtige antal tegn i den behandlede HTML-kode.
- Størrelse: Den endelige størrelse på den behandlede HTML angivet i bytes.
- Minificeret –
{pct}% mindre: Ved minificering viser værktøjet, hvor mange procent af den oprindelige filstørrelse du har sparet.
Privatliv og databehandling
Når du bruger dette værktøj, forbliver dine data private. Din HTML-kode formateres, minificeres og kontrolleres direkte i din egen browser. Der uploades intet til BroBroGo.
Ofte stillede spørgsmål (FAQ)
Hvad er forskellen på formatering (beautify) og minificering (minify)?
Formatering (beautify) genindrykker og tilføjer mellemrum i kildekoden, så den er nem at læse og redigere. Minificering (minify) gør det modsatte – det fjerner unødvendige mellemrum og kommentarer, som browseren ikke har brug for, så filen bliver mindre og indlæses hurtigere. Formater, mens du arbejder, og minificer, før du udgiver.
Hvad kontrolleres der, når validering er slået til?
Den markerer strukturelle problemer, som en browser normalt blot ville forsøge at glatte over – uafsluttede eller forkert matchede tags, dublerede id'er, gentagne attributter og tegn, der ikke er escaped – og angiver linje og kolonne for hver fejl. Det er en hurtig strukturel kontrol, ikke en fuld W3C-overensstemmelsesrapport.
Vil minificering ændre på, hvordan min side ser ud?
Nej – din side vises og fungerer nøjagtigt ens. Minificering fjerner overflødige mellemrum og kommentarer, komprimerer din indlejrede CSS og JavaScript samt fjerner valgfrie anførselstegn ved attributter. Den beholder kun det, browseren skal bruge for at tegne siden identisk. Tekst, der er følsom over for mellemrum (som præformaterede pre-blokke), lades uberørt.