Rengjør rotete HTML-koder med HTML-vaskemaskin

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

Med HTML Washer web-appen kan du automatisk rydde opp en HTML-kode med et klikk på en knapp.

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

Dette er kanskje den mest nyttige når du 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å fjerne 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

Vær oppmerksom på at HTML-vaskemaskinen ikke er 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 med å rydde opp rotete HTML raskt . Det vil hjelpe deg med å fokusere på bare grunnleggende koden, så du blir ikke slått ned av klasser eller utenlandske HTML-attributter.

Selv om, hvis noen koder har ikke alt attributter denne HTML-vaskemaskinen vil legge til dem på 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 utseendet.

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 enten kopiere / lime inn kode eller laste opp en fil direkte fra datamaskinen .

For å 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.