HTML snyrtir og þjappi

Snyrting og þjöppun á HTML-kóða

HTML snyrtir og þjappi er tól sem breytir sniði á HTML-kóða til að gera hann læsilegri eða til að minnka skráarstærðina. Þegar kóði er snyrtur (beautify) er hann endurdreginn og bilum bætt við svo auðveldara sé að lesa hann og átta sig á uppbyggingu hans. Þegar kóði er þjappaður (minify) er unnið í öfuga átt: óþarfa bil, línubreytingar og athugasemdir eru fjarlægðar til að lágmarka skráarstærðina og flýta fyrir hleðslu vefsíðna.

Tólið vinnur úr gögnunum beint í vafranum þínum. HTML-kóðinn þinn er snyrtur, þjappaður og athugaður í vafranum þínum. Ekkert er sent til BroBroGo. Tólið getur unnið með skjöl sem eru allt að 500.000 stafir að stærð. Ef reynt er að vinna með stærra skjal birtast villuboðin: „Þetta skjal er of stórt til að vinna úr því. Prófaðu minna skjal.“ Ef kóðinn inniheldur alvarlegar villur sem koma í veg fyrir vinnslu birtast villuboðin: „Ekki tókst að vinna úr þessu HTML.“

Inntak og stillingar í viðmóti

Notandi vinnur með tólið í gegnum einfalt viðmót þar sem eftirfarandi valmöguleikar eru í boði:

• HTML inntak: Textasvæði þar sem notandi límir inn eða skrifar HTML-kóðann sem á að vinna með.
• Inndráttur: Valmöguleiki þar sem notandi velur á milli „2/4 spaces or Tab“ fyrir inndráttinn þegar kóðinn er snyrtur.
• Réttmæti: Valmöguleiki til að kveikja eða slökkva á sjálfvirkri villuleit. Hægt er að velja á milli „Slökkt“ og „Kveikt“.

Þegar unnið er með tólið sýnir það stöðu vinnslunnar hverju sinni. Eftir að inntakið hefur verið hreinsað með því að smella á „Hreinsa“ birtast skilaboðin „Hreinsað.“. Þegar verið er að keyra réttmætisgreiningu sýnir tólið stöðuna „Athugar…“. Þegar snyrtingu er lokið birtast skilaboðin „Snyrt.“ og þegar þjöppun er lokið birtist „Þjappað.“ eða „Þjappað — {pct}% minna.“ eftir því hversu mikið pláss sparaðist.

Mismunandi virkni: Snyrting og þjöppun

Snyrting og þjöppun þjóna ólíkum tilgangi við þróun og hönnun vefsíðna. Snyrting bætir læsileika og auðveldar viðhald á kóða með því að endurdraga skipanir og skipuleggja flæðið. Þetta er gagnlegt þegar unnið er með flókinn eða illa uppsettan kóða sem erfitt er að lesa.

Þjöppun miðar að því að hámarka afköst vefsíðna með því að minnka skráarstærðina eins mikið og mögulegt er. Við þjöppun framkvæmir tólið eftirfarandi aðgerðir:

• Fjarlægir öll óþörf bil, línubreytingar og athugasemdir sem vafrinn þarf ekki á að halda.
• Þjappar innbyggðu CSS (inline CSS) og JavaScript sem finnst innan HTML-skjalsins.
• Sleppir valfrjálsum gæsalöppum á eigindum (attributes) þar sem því verður við komið.
• Sérstakur texti sem er viðkvæmur fyrir bilum, eins og forsniðnir blokkir (t.g. <pre> tögg), er látinn ósnertur til að tryggja að útlit síðunnar breytist ekki.

Réttmætisgreining og villuleit

Ef kveikt er á réttmætisgreiningu (Réttmæti: Kveikt) framkvæmir tólið fljótlega skipulagsathugun á HTML-kóðanum samhliða vinnslunni. Þessi greining er ekki fullgild W3C-samræmisskýrsla, heldur fljótleg athugun sem er hönnuð til að finna algengustu skipulagslegu vandamálin sem geta valdið því að vafrar túlki síðuna rangt.

Réttmætisgreiningin leitar að eftirfarandi atriðum:

• Ólokuðum eða ósamhæfðum töggum.
• Tvíteknum auðkennum (duplicate IDs).
• Endurteknum eigindum (repeated attributes) á sama taggi.
• Óbreyttum sérstöfum (unescaped characters).

Ef engar villur finnast birtir tólið undirfyrirsögnina „Réttmætisgreining“ og skilaboðin „Engar athugasemdir fundust.“. Ef villur finnast birtast skilaboðin „Fann {count} athugasemd(ir).“ og staðsetning hvers vandamáls er tilgreind nákvæmlega með sniðinu „Lína {line}:{col}“ svo auðvelt sé að finna og laga villuna í ritlinum.

Tölfræði og mælingar

Tólið gefur ítarlegar upplýsingar um niðurstöðu vinnslunnar svo notandi geti séð nákvæmlega hvaða áhrif snyrtingin eða þjöppunin hafði á skjalið. Eftirfarandi mælingar eru sýndar:

Ef kóðinn er þjappaður reiknar tólið einnig út hlutfallið sem sparaðist og sýnir það sem prósentutölu í stöðunni „Þjappað — {pct}% minna.“.

Algengar spurningar

Hver er munurinn á því að snyrta og þjappa?

Snyrting (beautify) endurinn dregur og bætir við bilum í kóðann svo auðveldara sé að lesa hann og breyta honum. Þjöppun (minify) gerir hið gagnstæða — hún fjarlægir bil og athugasemdir sem vafrinn þarf ekki á að halda, svo skráirnar verði minni og hlaðist hraðar. Snyrtu á meðan þú vinnur, þjappaðu áður en þú gefur út.

Hvað athugar réttmætisgreiningin (validation)?

Hún merkir skipulagsleg vandamál sem vafrinn myndi annars reyna að fela — ólokaða eða ósamhæfða tagga, tvítekna auðkennara (ID), endurtekin eigindi og óbreytta stafi — ásamt línu og dálki hvers tilviks. Þetta er fljótleg skipulagsathugun, en ekki fullgild W3C-samræmisskýrsla.

Mun þjöppun breyta því hvernig síðan mín lítur út?

Nei — síðan þín birtist og virkar nákvæmlega eins. Þjöppun fjarlægir bil og athugasemdir, þjappar innbyggðu CSS og JavaScript, og sleppir valfrjálsum gæsalöppum á eigindum, en heldur aðeins því sem vafrinn þarf til að teikna síðuna eins. Texti sem er viðkvæmur fyrir bilum, eins og forsniðnir blokkir (pre), er látinn ósnertur.

Eru gögnin mín send á einhvern netþjón?

Nei. HTML-kóðinn þinn er snyrtur, þjappaður og athugaður í vafranum þínum. Ekkert er sent til BroBroGo. Öll vinnsla fer fram staðbundið á tölvunni þinni eða tæki.