Hjemmeside » Coding » Rengjør rotete HTML-koder med HTML-vaskemaskin

    Rengjør rotete HTML-koder med HTML-vaskemaskin

    Hvis du redigerer andres nettsider eller vil kopiere en kode med et layout, kan det være tøft wading gjennom formateringen. Du må rydde opp mange rotete områder og dette er ikke morsomt å gjøre manuelt.

    Med HTML-vaskemaskin web app, kan du automatisk rydde opp noen HTML-kode med et tastetrykk.

    Denne web-appen fjerner alle fremmede funksjoner ut av HTML-koden, inkludert overskytende CSS og JavaScript. Det vil også strip de fleste klasser og attributter å forlate bare bare-bein HTML-malen.

    Dette er kanskje den mest nyttige når studerer strukturen på et annet nettsted. Hvis du vil klone en layout, kan du enkelt se kilden og kopiere / lime inn koden i din egen editor.

    Du vil kanskje også stripe HTML kommentarer og forenkle koden videre. Dette er hvor HTML-vaskemaskinen er nyttig.

    Den har en håndfull fine funksjoner og disse er de mest nyttige for utviklere:

    • Konverterer koden til HTML5 (fra HTML4 / XHTML)
    • Fikser feilformaterte tagger
    • Reformats HTML med riktig innrykk
    • Fjerner alle inline-skript og CSS

    Legg merke til at HTML-vaskemaskinen er ikke en fullstendig løsning for overføring av en eldre layout til HTML5. Det er heller ikke et perfekt verktøy for å bokstavelig talt kopiere / lime inn et eksisterende layout og gjøre det til ditt eget.

    Men som utgangspunkt kan dette verktøyet hjelpe deg rydde opp rotete HTML raskt. Det hjelper deg fokusere på bare grunnleggende koden, slik at du ikke legges ned av klasser eller fremmede HTML-attributter.

    Selv om, hvis noen merker har ikke alt attributter denne HTML-vaskemaskinen vil legge dem til siden. Det er ment å skrive ut HTML som er fullt kompatibel med moderne kodings- og tilgjengelighetsstandarder.

    En funksjon jeg vil gjerne se er valgfri inkludering av klasser eller IDer. Noen ganger vil du beholde klassene, slik at du kan kopiere / lime inn koden sammen med det opprinnelige stilarket for å holde det samme utseende.

    For øyeblikket er dette ikke mulig med HTML-vaskemaskin, selv om det er håp om at det kan legges til i en fremtidig oppdatering!

    For et automatisert verktøy er denne tingen stor, og det lar deg heller Kopier / lim inn kode eller Last opp en fil direkte fra datamaskinen.

    Til se det leve i aksjon, sjekk ut hovedstedet og gi det en tur. Hvis dette er noe du kan se deg selv, må du være sikker på å bokmerke det.

    Og hvis du har noen forslag til forbedringer, skyt en rask melding til utvikleren på Twitter @HtmlWasher.