Prevod HTML do JSON

Q: Môžem namiesto JSON dostať tabuľku Excelu?

Áno. [HTML do CSV](/html-to-csv) zapíše rovnakú tabuľku ako riadky oddelené čiarkami, ktoré sa otvoria v Exceli, Tabuľkách Google alebo Numbers.

Vytiahnite tabuľku z uloženej webovej stránky a získajte ju ako JSON, ktorým môže váš kód prechádzať v cykle. Bunky hlavičky určujú názvy kľúčov a každý riadok tabuľky sa stane jedným objektom v poli.

alebo sem presuňte súbory CSV, TSV, TXT … ·

Max. 95 MB na súbor· Až 20 súborov· Odstránenie po 30 minútach

Výstup

Previesť na

Súbory sa spracúvajú na našich serveroch a po 30 minútach sa odstránia.

CSV a text

Oddeľovač

Znak, ktorý oddeľuje stĺpce v súboroch CSV a textových súboroch, pri čítaní aj zápise. Automaticky ho rozpozná zo vstupu a zapisuje čiarky.

Kódovanie textu

UTF-8 funguje pre všetky jazyky. Vyberte UTF-8 s BOM, ak Excel vo Windowse po otvorení CSV zobrazuje pokazenú diakritiku alebo ázijské znaky.

Prvý riadok je hlavička

Prvý riadok sa použije ako názvy stĺpcov: stanú sa kľúčmi JSON, značkami XML, názvami stĺpcov SQL a mapovaním polí vCard. Vypnite, ak sú v 1. riadku dáta.

Hárky

Hárky na prevod

Vstup z Excelu, ODS a Numbers: previesť len prvý hárok alebo všetky hárky (jeden CSV na hárok v ZIP alebo jeden kľúč JSON na hárok).

JSON, XML a SQL

Prehľadné formátovanie

Odsadí výstup, aby sa dal čítať. Vypnuté zapíše výstup na čo najmenej riadkov, čím je menší.

Štruktúra JSON

Pole objektov používa názvy stĺpcov ako kľúče pre každý riadok; pole polí je kompaktnejšie a hlavičku ponechá ako prvé pole.

Hodnoty

Dátumy

Prepíše bunky s dátumom do jedného formátu. ISO (2026-10-18) je najbezpečnejší pre databázy a kód; ponechať ich nechá tak, ako sú v zdroji.

Orezať medzery

Odstráni medzery na začiatku a na konci každej hodnoty, čo je častá príčina neúspešného vyhľadávania po importe.

Ako používať tento nástroj

1
Uložte stránku alebo tabuľku
V prehliadači stlačte Ctrl+S (na Macu Cmd+S) a uložte súbor HTML, prípadne skopírujte kód tabuľky z nástrojov pre vývojárov do súboru .html. Nahrať môžete až 20 súborov, každý do 95 MB.
2
Zvoľte štruktúru JSON
Pole objektov je nastavené automaticky. V časti Rozšírené nastavenia prepnite Štruktúra JSON na pole polí, ak chcete kompaktnejší súbor, alebo vypnite Prehľadné formátovanie, ak chcete výstup na jednom riadku.
3
Preveďte a použite dáta
Stlačte Previesť na JSON, stiahnite súbor a načítajte ho pomocou JSON.parse v JavaScripte, json.load v Pythone alebo v ľubovoľnom klientovi API.

Uložte stránku, nahrajte súbor .html a každý riadok tabuľky sa vráti ako objekt JSON s kľúčmi podľa hlavičkových buniek tabuľky.

Kedy treba webovú tabuľku previesť do JSON

Mnoho užitočných údajov existuje iba ako tabuľka HTML: stránka s výmennými kurzami, tabuľka športovej ligy, report, ktorý intranet zobrazí, ale nedovolí stiahnuť, stránka so stavom všetkých serverov. Prehliadač ju zobrazí pekne, no front-end vývojár, ktorý tvorí graf, alebo tester, ktorý potrebuje testovacie dáta, chce namiesto toho pole objektov.

Obvyklým riešením je scraper: stiahnuť stránku, spracovať ju v Beautiful Soup alebo Cheerio, prejsť riadky a namapovať bunky. To sa oplatí napísať, keď sa stránka mení denne. Pri tabuľke, ktorú potrebujete raz, je rýchlejšie nahrať uloženú stránku a nemusíte nič udržiavať.

Príklad prevodu HTML tabuľky do JSON

Vstupná tabuľka s hlavičkami th City a Founded, výstup s poľom objektov

<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 }
]

Čo prevod zachová a čo vynechá

Zachované: text buniek, hlavičkový riadok ako kľúče a poradie riadkov
Vynechané: CSS, vložené štýly, triedy a stránka okolo tabuľky
Vynechané: obrázky a ikony v bunkách, ktoré nemajú textovú hodnotu
Bunky s odkazmi si ponechajú viditeľný text, nie adresu URL za ním
Medzery na začiatku a konci buniek odstráni Orezať medzery
Výstup je v UTF-8, ktoré norma RFC 8259 vyžaduje pre JSON zdieľaný medzi systémami

Obmedzenia prevodu HTML do JSON

akceptované uložené stránky: .html .htm
stránok v dávke: 20
na nahraný súbor: 95 MB
potom sa súbory zmažú: 30 min

HTML a JSON v porovnaní

HTML

HyperText Markup Language

HTML je značkovací jazyk webu, ktorý prvýkrát opísal Tim Berners-Lee na začiatku 90. rokov a dnes ho ako živý štandard spravuje WHATWG. Súbor HTML opisuje nadpisy, odseky, odkazy, tabuľky, obrázky a formuláre, zatiaľ čo vzhľad zvyčajne určuje CSS. Zobrazí ho každý prehliadač a používa sa aj pre e-mailové šablóny a uložené webové stránky. Jeden súbor HTML často závisí od externých obrázkov a štýlov, preto môže po samostatnom presune vyzerať pokazene.

Kompresia: –
Priehľadnosť: –
Animácia: –
Rok vzniku: 1993 · Tim Berners-Lee; maintained by WHATWG

Konvertor HTML

JSON

JavaScript Object Notation

JSON je ľahký textový formát pre štruktúrované dáta, ktorý na začiatku 21. storočia spopularizoval Douglas Crockford a ktorý je normalizovaný ako RFC 8259 a ECMA-404. Pomocou jednoduchej, čitateľnej syntaxe vyjadruje objekty, polia, reťazce, čísla, booleovské hodnoty a null. Je predvoleným formátom webových API, konfiguračných súborov a výmeny dát medzi aplikáciami takmer v každom programovacom jazyku. Nemá vstavané komentáre, dátumy ani schémy a veľké vnorené súbory sa bez prehliadača ťažko čítajú.

Kompresia: –
Priehľadnosť: –
Animácia: –
Rok vzniku: 2001 · Douglas Crockford

Konvertor JSON

HTML sa prevádza na JSON, keď tabuľka zverejnená pre ľudských čitateľov, na stránke s reportom, v intranete alebo na verejnej štatistickej stránke, musí poslúžiť skriptu, knižnici na grafy alebo testu API.

Oba formáty pochádzajú z odlišných tradícií. HTML, ktoré prvýkrát opísal Tim Berners-Lee v roku 1991 a dnes ho ako živý štandard spravuje WHATWG, označuje dokumenty na zobrazenie. JSON, ktorý špecifikoval Douglas Crockford a štandardizovali ho RFC 8259 a ECMA-404, obsahuje iba údaje. Prechod od prvého k druhému spočíva najmä v zahodení prezentácie, a preto je výsledok zvyčajne oveľa menší ako uložená stránka. Pre tabuľky, ktoré prišli ako XML kanály a nie ako webové stránky, robí zodpovedajúcu prácu XML do JSON.

Otázky o prevode HTML do JSON

Číta prevod celú webovú stránku, alebo len tabuľky?

Iba značky tabuliek: riadky a bunky v prvkoch table, tr, th a td. Navigačné menu, odseky a rozloženia kariet vytvorené z prvkov div nie sú tabuľkové údaje, preto sa na JSON nepreveďú.

Z ktorého riadka sa berú kľúče JSON?

Hlavičkový riadok, zvyčajne bunky th na začiatku tabuľky. Ak je zapnuté Prvý riadok je hlavička, jeho text sa stane kľúčom pre každú hodnotu pod ním, takže stĺpec s hlavičkou Population dá v každom objekte "Population": "…".

Ako sa spracúvajú bunky s colspan a rowspan?

Zlúčená bunka zaberá niekoľko pozícií v mriežke, ale obsahuje jednu hodnotu. Hodnotu nájdete len na prvej pozícii, preto po prevode skontrolujte zlúčené stĺpce a ak tabuľka využíva zlúčené hlavičky, medzery doplňte v kóde.

Prečo sú čísla v mojom JSON zapísané s čiarkami alebo značkami poznámok?

Webové tabuľky sú písané pre čitateľov, takže bunka môže obsahovať 1,204,000 alebo 8.3[2]. Obyčajné číslo ako 1123 sa stane číslom v JSON, no takéto bunky nie sú platné čísla a zostanú reťazcami; pred výpočtami odstráňte v kóde oddeľovače a značky poznámok.

Je povolené sťahovať tabuľky z webových stránok?

To závisí od podmienok stránky a od údajov, nie od formátu súboru. Bežné prípady sú verejné štatistiky a vaše vlastné exportované reporty; skôr než použijete cudzí obsah, skontrolujte podmienky.

Môžem namiesto JSON dostať tabuľku Excelu?

Áno. HTML do CSV zapíše rovnakú tabuľku ako riadky oddelené čiarkami, ktoré sa otvoria v Exceli, Tabuľkách Google alebo Numbers.