UltKit

HTML til JSON-konverter

Hent tabellen ut av en lagret nettside og få den tilbake som JSON som koden din kan gå gjennom i en løkke. Overskriftscellene gir navn til nøklene, og hver rad i tabellen blir ett objekt i en matrise.

Datakonverterer

eller slipp CSV, TSV, TXT …-filer her ·

Maks 95 MB per fil· Opptil 20 filer· Slettes etter 30 minutter

Utdata

Filene behandles på serverne våre og slettes etter 30 minutter.

Slik bruker du dette verktøyet

  1. 1

    Lagre siden eller tabellen

    Trykk Ctrl+S (Cmd+S på Mac) i nettleseren og behold HTML-filen, eller kopier tabellens markup fra utviklerverktøyene til en .html-fil. Last opp opptil 20 filer på 95 MB hver.

  2. 2

    Velg JSON-struktur

    Array av objekter er allerede valgt for deg. Under Avanserte innstillinger kan du sette JSON-struktur til Array av arrays for en mer kompakt fil, eller slå av Pen formatering for å få én enkelt linje.

  3. 3

    Konverter og bruk dataene

    Trykk Konverter til JSON, last ned filen og les den inn med JSON.parse i JavaScript, json.load i Python eller en hvilken som helst API-klient.

Lagre siden, last opp .html-filen, så kommer hver tabellrad tilbake som et JSON-objekt med tabellens overskriftsceller som nøkler.

Når en nettabell må bli til JSON

Mye nyttig data finnes bare som HTML-tabell: en side med valutakurser, en tabell over seriestillingen i en sportsliga, en rapport intranettet viser, men aldri lar deg laste ned, eller en statusside som lister alle servere. Nettleseren viser den pent, men en frontend-utvikler som bygger et diagram, eller en tester som trenger testdata, vil ha en array av objekter i stedet.

Det vanlige svaret er en scraper: hent siden, tolk den med Beautiful Soup eller Cheerio, gå gjennom radene og map cellene. Det er verdt å skrive når siden endres daglig. For en tabell du trenger én gang er det raskere å laste opp den lagrede siden, og du slipper å vedlikeholde noe.

Eksempel på HTML-tabell til JSON

Inndatatabell med th-overskriftene City og Founded, utdata med Array av objekter
<table>
  <tr><th>City</th><th>Founded</th></tr>
  <tr><td>Porto</td><td>1123</td></tr>
  <tr><td>Graz</td><td>1128</td></tr>
</table>

[
  { "City": "Porto", "Founded": 1123 },
  { "City": "Graz", "Founded": 1128 }
]

Hva konverteringen beholder og fjerner

  • Beholdes: celletekst, overskriftsraden som nøkler og radrekkefølgen
  • Fjernes: CSS, innebygde stiler, klasser og siden rundt tabellen
  • Fjernes: bilder og ikoner i celler, som ikke har noen tekstverdi
  • Lenkeceller beholder den synlige teksten, ikke URL-en bak
  • Mellomrom i starten og slutten av cellene fjernes av Fjern overflødige mellomrom
  • Utdataene er UTF-8, som RFC 8259 krever for JSON som deles mellom systemer

Begrensninger for HTML til JSON-konverteren

lagrede sider godtas
.html .htm
sider per batch
20
per opplastet fil
95 MB
deretter slettes filene
30 min

HTML og JSON side om side

HTML

HyperText Markup Language

HTML er nettets markeringsspråk, første gang beskrevet av Tim Berners-Lee tidlig på 1990-tallet og nå vedlikeholdt av WHATWG som en levende standard. En HTML-fil beskriver overskrifter, avsnitt, lenker, tabeller, bilder og skjemaer, mens stilen vanligvis kommer fra CSS. Alle nettlesere viser det, og det brukes også til e-postmaler og lagrede nettsider. En enkelt HTML-fil er ofte avhengig av eksterne bilder og stilark, så den kan se ødelagt ut når den flyttes alene.

Komprimering
–
Gjennomsiktighet
–
Animasjon
–
Introdusert
1993 · Tim Berners-Lee; maintained by WHATWG
HTML-konverterer

JSON

JavaScript Object Notation

JSON er et lett tekstformat for strukturerte data, gjort populært av Douglas Crockford tidlig på 2000-tallet og standardisert som RFC 8259 og ECMA-404. Det representerer objekter, lister, tekststrenger, tall, boolske verdier og null med enkel, lesbar syntaks. Det er standardformatet for web-API-er, konfigurasjonsfiler og datautveksling mellom apper i nesten alle programmeringsspråk. Det har ingen innebygde kommentarer, datoer eller skjemaer, og store nestede filer er vanskelige å lese uten en viser.

Komprimering
–
Gjennomsiktighet
–
Animasjon
–
Introdusert
2001 · Douglas Crockford
JSON-konverterer

HTML blir til JSON når en tabell som ble publisert for menneskelige lesere, på en rapportside, et intranett eller et offentlig statistikknettsted, skal mate et skript, et diagrambibliotek eller en API-test.

De to formatene kommer fra ulike tradisjoner. HTML, først beskrevet av Tim Berners-Lee i 1991 og i dag vedlikeholdt av WHATWG som en levende standard, markerer opp dokumenter for visning. JSON, spesifisert av Douglas Crockford og standardisert som RFC 8259 og ECMA-404, inneholder bare data. Å gå fra det første til det andre handler mest om å kaste presentasjonen, og derfor blir resultatet som regel mye mindre enn den lagrede siden. For tabeller som kom som XML-feeder og ikke som nettsider, gjør XML til JSON tilsvarende jobb.

Spørsmål om HTML til JSON

Leser konverteren hele nettsiden eller bare tabellene?

Bare tabellmarkup: radene og cellene i elementene table, tr, th og td. Navigasjonsmenyer, avsnitt og kortoppsett bygget med div-elementer er ikke tabelldata, så de blir ikke gjort om til JSON.

Hvilken rad gir JSON-nøklene?

Overskriftsraden, vanligvis th-cellene øverst i tabellen. Når Første rad er overskrift er på, blir teksten nøkkelen for hver verdi under, slik at en kolonne med overskriften Population gir "Population": "…" i hvert objekt.

Hvordan håndteres celler med colspan og rowspan?

En sammenslått celle dekker flere rutenettposisjoner, men har bare én verdi. Regn med at verdien står i den første posisjonen alene, så sjekk kolonnene som er slått sammen etter konverteringen, og fyll hullene i kode hvis tabellen din bruker sammenslåtte overskrifter.

Hvorfor står tallene i JSON-filen med komma eller fotnotetegn?

Nettabeller er skrevet for lesere, så en celle kan inneholde 1,204,000 eller 8.3[2]. Et vanlig tall som 1123 blir et JSON-tall, men slike celler er ikke gyldige tall og forblir strenger. Fjern skilletegn og fotnotemerker i kode før du regner med dem.

Er det lov å hente en tabell fra et nettsted?

Det avhenger av nettstedets vilkår og dataene, ikke av filformatet. Offentlig statistikk og dine egne eksporterte rapporter er de vanlige tilfellene. Sjekk vilkårene før du gjenbruker andres innhold.

Kan jeg få et regneark i stedet for JSON?

Ja. HTML til CSV skriver den samme tabellen som kommaseparerte rader som kan åpnes i Excel, Google Sheets eller Numbers.