UltKit

HTML til JSON-konverter

Træk tabellen ud af en gemt webside, og få den tilbage som JSON, som din kode kan løbe igennem. Overskriftscellerne navngiver nøglerne, og hver række i tabellen bliver ét objekt i et array.

Datakonverter

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

Maks. 95 MB pr. fil· Op til 20 filer· Slettes efter 30 minutter

Output

Filer behandles på vores servere og slettes efter 30 minutter.

Sådan bruger du værktøjet

  1. 1

    Gem siden eller tabellen

    Tryk Ctrl+S (Cmd+S på Mac) i din browser, og gem HTML-filen, eller kopiér tabellens markup fra udviklerværktøjerne ind i en .html-fil. Upload op til 20 filer på hver 95 MB.

  2. 2

    Vælg JSON-strukturen

    Array af objekter er allerede valgt. Under Avancerede indstillinger kan du skifte JSON-struktur til Array af arrays for en mere kompakt fil, eller slå Pæn formatering fra for at få en enkelt linje.

  3. 3

    Konverter, og brug dataene

    Tryk på Konvertér til JSON, download filen, og indlæs den med JSON.parse i JavaScript, json.load i Python eller en vilkårlig API-klient.

Gem siden, upload .html-filen, og hver tabelrække kommer tilbage som et JSON-objekt med tabellens overskriftsceller som nøgler.

Når en webtabel skal laves om til JSON

Mange nyttige data findes kun som en HTML-tabel: en side med valutakurser, en ligatabel, en rapport som dit intranet viser, men aldrig lader dig downloade, eller en statusside med alle servere. Browseren viser den flot, men en frontend-udvikler, der bygger et diagram, eller en tester, der skal bruge testdata, vil hellere have et array af objekter.

Den sædvanlige løsning er en scraper: hent siden, parse den med Beautiful Soup eller Cheerio, gennemgå rækkerne og map cellerne. Det er umagen værd, når siden ændrer sig dagligt. Til en tabel, du kun skal bruge én gang, er det hurtigere at uploade den gemte side, og der er intet at vedligeholde.

Eksempel: HTML-tabel til JSON

Inputtabel med th-overskrifterne City og Founded, output med Array af 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 }
]

Hvad konverteringen bevarer og udelader

  • Bevares: celletekst, overskriftsrækken som nøgler og rækkefølgen
  • Fjernes: CSS, inline-styles, klasser og siden omkring tabellen
  • Fjernes: billeder og ikoner i celler, som ikke har nogen tekstværdi
  • Linkceller beholder deres synlige tekst, ikke den bagvedliggende URL
  • Mellemrum i starten og slutningen af celler fjernes af Fjern overflødige mellemrum
  • Outputtet er UTF-8, som RFC 8259 kræver for JSON, der deles mellem systemer

Begrænsninger for HTML til JSON-konverteren

gemte sider accepteres
.html .htm
sider pr. batch
20
pr. uploadet fil
95 MB
derefter slettes filerne
30 min.

HTML og JSON side om side

HTML

HyperText Markup Language

HTML er internettets opmærkningssprog, som Tim Berners-Lee først beskrev i begyndelsen af 1990'erne, og som nu vedligeholdes af WHATWG som en levende standard. En HTML-fil beskriver overskrifter, afsnit, links, tabeller, billeder og formularer, mens udseendet normalt kommer fra CSS. Alle browsere kan gengive det, og det bruges også til e-mailskabeloner og gemte websider. En enkelt HTML-fil afhænger ofte af eksterne billeder og typografiark, så den kan se ødelagt ud, hvis den flyttes alene.

Komprimering
–
Gennemsigtighed
–
Animation
–
Introduceret
1993 · Tim Berners-Lee; maintained by WHATWG
HTML-konverter

JSON

JavaScript Object Notation

JSON er et let tekstformat til strukturerede data, populariseret af Douglas Crockford i begyndelsen af 2000'erne og standardiseret som RFC 8259 og ECMA-404. Det repræsenterer objekter, arrays, strenge, tal, booleanske værdier og null med enkel, læsbar syntaks. Det er standardformatet til web-API'er, konfigurationsfiler og dataudveksling mellem apps i næsten alle programmeringssprog. Det har ingen indbyggede kommentarer, datoer eller skemaer, og store indlejrede filer er svære at læse uden en fremviser.

Komprimering
–
Gennemsigtighed
–
Animation
–
Introduceret
2001 · Douglas Crockford
JSON-konverter

HTML bliver til JSON, når en tabel, der er udgivet til menneskelige læsere på en rapportside, et intranet eller et offentligt statistiksted, skal bruges i et script, et diagrambibliotek eller en API-test.

De to formater stammer fra forskellige traditioner. HTML, som Tim Berners-Lee først beskrev i 1991, og som nu vedligeholdes af WHATWG som en levende standard, markerer dokumenter til visning. JSON, specificeret af Douglas Crockford og standardiseret som RFC 8259 og ECMA-404, rummer kun data. Overgangen fra det ene til det andet handler mest om at kassere præsentationen, og derfor er resultatet som regel langt mindre end den gemte side. Til tabeller, der kom som XML-feeds i stedet for websider, løser XML til JSON den tilsvarende opgave.

Spørgsmål om HTML til JSON

Læser konverteren hele websiden eller kun tabellerne?

Kun tabelmarkup: rækkerne og cellerne i table-, tr-, th- og td-elementer. Navigationsmenuer, afsnit og kortlayouts bygget af div-elementer er ikke tabeldata, så de bliver ikke omdannet til JSON.

Hvilken række leverer JSON-nøglerne?

Overskriftsrækken, normalt th-cellerne øverst i tabellen. Når Første række er overskrift er slået til, bliver teksten nøglen til hver værdi nedenunder, så en kolonne med overskriften Population giver "Population": "…" i hvert objekt.

Hvordan håndteres celler med colspan og rowspan?

En sammenflettet celle dækker flere gitterpositioner, men indeholder kun én værdi. Du får værdien på den første position alene, så kontrollér de sammenflettede kolonner efter konverteringen, og udfyld hullerne i kode, hvis din tabel bruger sammenflettede overskrifter.

Hvorfor står tallene i min JSON med kommaer eller fodnotetegn?

Webtabeller er skrevet til læsere, så en celle kan indeholde 1,204,000 eller 8.3[2]. Et almindeligt tal som 1123 bliver til et JSON-tal, men sådanne celler er ikke gyldige tal og forbliver tekststrenge; fjern tusindtalsseparatorer og fodnotemærker i kode, før du regner med dem.

Er det tilladt at hente en tabel fra et websted?

Det afhænger af webstedets vilkår og af dataene, ikke af filformatet. Offentlig statistik og dine egne eksporterede rapporter er de typiske tilfælde; tjek vilkårene, før du genbruger andres indhold.

Kan jeg få et regneark i stedet for JSON?

Ja. HTML til CSV skriver den samme tabel som kommaseparerede rækker, der kan åbnes i Excel, Google Sheets eller Numbers.