Muunna HTML JSON:ksi verkossa | Ilmainen ja turvallinen

Muunna HTML-tiedostot JSON-muotoon selaimessa: jäsennä HTML-rakenne JSON-puuksi elementteineen ja attribuutteineen. Turvallinen, paikallinen muunnos.

Liitä mitä tahansa HTML:ää ja tämä työkalu muuntaa sen välittömästi rakenteelliseksi JSON-puuksi—jokainen elementti esitetään solmuna, jolla on tunnistinnimi, attribuutit, tekstisisältö, lapsielementit ja kommentit. Käsittely tapahtuu kokonaan selaimessasi natiivin DOMParser-rajapinnan avulla, joten mitään koodia ei lähetetä palvelimelle.

HTML-syöte

Lataa tiedosto

NäytepainikeLataa tiedostoMuunnaTyhjennä

JSON-tuloste

JSON-tulos näkyy tässä...

JSON-muotoilijaKopioiLataa

JSON-tulos näkyy tässä...

Kuinka muuntaa HTML JSON:ksi

01

Liitä HTML-koodisi tai lataa HTML-tiedosto.

02

Työkalu jäsentää HTML:n automaattisesti JSON-puuksi.

03

Kopioi tai lataa JSON-tuloste.

Tärkeimmät ominaisuudet

Asiakaspuolen käsittely

HTML:si jäsennetään suoraan selaimessasi. Tietoja ei lähetetä millekään palvelimelle.

DOM-puurakenne

Muuntaa elementit, attribuutit, tekstin ja kommentit sisäkkäiseksi JSON-objektiksi.

Virheiden käsittely

Havaitsee ja raportoi HTML:n jäsennysvirheet.

UKK

Onko tämä työkalu ilmainen?

Kyllä, tämä HTML-JSON-muunnin on täysin ilmainen käyttää.

Miten muunnos toimii?

Se käyttää selaimen alkuperäistä DOMParser-sovellusliittymää HTML-merkkijonon jäsentämiseen ja rakentaa rekursiivisesti DOM-puun JSON-esityksen.

Saatat tarvita myös

HTML-katseluohjelma

Esikatsele ja muokkaa HTML-koodia reaaliajassa.

Avaa työkalu

HTML-minimoija/muotoilija

Minimoi tai muotoile HTML-teksti 2/4 välilyönnin sisennyksellä.

Avaa työkalu

Markdown JSON:ksi

Muunna Markdown AST, taulukot ja frontmatter JSON:ksi.

Avaa työkalu

XML JSON:ksi

Muunna XML-merkkijono JSON-objektiksi.

Avaa työkalu

Liitä mitä tahansa HTML:ää ja tämä työkalu muuntaa sen välittömästi rakenteelliseksi JSON-puuksi—jokainen elementti esitetään solmuna, jolla on tunnistinnimi, attribuutit, tekstisisältö, lapsielementit ja kommentit. Käsittely tapahtuu kokonaan selaimessasi natiivin DOMParser-rajapinnan avulla, joten mitään koodia ei lähetetä palvelimelle.

Kuinka käyttää HTML-JSON-muunninta

  1. 1

    Liitä tai lataa HTML

    Syötä HTML-koodi suoraan syötekenttään tai käytä Lataa-painiketta .html-tiedoston lataamiseen laitteeltasi.

  2. 2

    Muunna JSON:ksi

    Työkalu jäsentää HTML:n DOMParser-rajapinnalla ja käy DOM:n rekursiivisesti läpi, rakentaen sisäkkäisen JSON-objektin dokumenttipuulle.

  3. 3

    Tarkista tulos

    Tarkastele jokaisen solmun tunnistinnimeä, attribuutteja, tekstiä, lapsielementtejä ja kommentteja JSON-tulostuspaneelissa.

  4. 4

    Kopioi tai lataa

    Käytä Kopioi siirtääksesi JSON:n leikepöydälle, tai Lataa tallentaaksesi sen .json-tiedostona koodiasi varten.

Viitteet

  • WHATWG — HTML Standard

    Elävä spesifikaatio, joka määrittelee HTML-elementit, attribuutit ja jäsentämisalgoritmin, joka muuntaa merkinnät DOM-puuksi.

  • MDN — DOMParser

    Web-rajapinta, jota tämä työkalu käyttää HTML-merkkijonon jäsentämiseen navigoitavaksi DOM-dokumentiksi selaimessa.

  • RFC 8259 — JSON

    IETF-spesifikaatio JSON-tietojenvaihtokelpoiselle muodolle, jota käytetään työkalun tulosteessa.

Liittyvät työkalut

Usein kysytyt kysymykset

Onko tämä työkalu ilmainen?
Kyllä, tämä HTML-JSON-muunnin on täysin ilmainen eikä vaadi rekisteröitymistä.
Lähetetäänkö HTML-koodini palvelimelle?
Ei. Kaikki käsittely tapahtuu paikallisesti selaimessasi DOMParser-rajapinnan avulla. Koodisi ei koskaan poistu laitteeltasi.
Miten HTML-JSON-muunnos toimii?
Työkalu käyttää selaimen natiivia DOMParser-rajapintaa HTML:n jäsentämiseen ja käy sitten DOM-puun rekursiivisesti läpi tallentaen jokaisen solmun JSON-objektina, jolla on tunnistinnimi, attribuutit, teksti ja lapset.
Miten attribuutit ja teksti esitetään JSON:ssa?
Jokainen elementti muuttuu solmuksi, jolla on tunnistinnimi, attribuuttikartta, tekstisisältö ja joukko lapsisolmuja—heijastaen alkuperäisen DOM-puun rakennetta.
Toimiiko työkalu virheellisen tai puutteellisen HTML:n kanssa?
Kyllä. DOMParser on suvaitsevainen ja noudattaa HTML-jäsentämisalgoritmia yleisten virheiden korjaamiseksi; työkalu myös havaitsee ja ilmoittaa jäsentämisvirheistä.