UltKit

HTML JSON-ba konvertáló

Emelje ki a táblázatot egy mentett weboldalból, és kapja meg JSON-ként, amelyet a kódja ciklusban bejárhat. A fejléccellák adják a kulcsok nevét, a táblázat minden sora pedig egy-egy objektum lesz egy tömbben.

Adatkonvertáló

vagy húzza ide a(z) CSV, TSV, TXT … fájlok fájlokat ·

Legfeljebb 95 MB fájlonként· Legfeljebb 20 fájl· Törlés 30 perc után

Kimenet

A fájlokat szervereinken dolgozzuk fel, és 30 perc után töröljük.

Az eszköz használata

  1. 1

    Mentse el az oldalt vagy a táblázatot

    A böngészőben nyomja meg a Ctrl+S billentyűkombinációt (Macen Cmd+S), és mentse el a HTML-fájlt, vagy másolja ki a táblázat kódját a fejlesztői eszközökből egy .html fájlba. Legfeljebb 20 fájlt tölthet fel, egyenként legfeljebb 95 MB-ot.

  2. 2

    Válassza ki a JSON szerkezetét

    Az objektumok tömbje alapból be van állítva. A Speciális beállítások alatt a JSON-szerkezet értékét állítsa tömbök tömbjére a kompaktabb fájlért, vagy kapcsolja ki az Olvasható formázás opciót, hogy egyetlen sort kapjon.

  3. 3

    Konvertáljon, és használja az adatokat

    Nyomja meg a Konvertálás erre: JSON gombot, töltse le a fájlt, majd olvassa be JavaScriptben a JSON.parse, Pythonban a json.load segítségével, vagy bármely API-kliensben.

Mentse el az oldalt, töltse fel a .html fájlt, és a táblázat minden sora JSON-objektumként tér vissza, a táblázat fejlékcelláival mint kulcsokkal.

Amikor egy webes táblázatból JSON-nak kell lennie

Sok hasznos adat csak HTML-táblázatként létezik: egy árfolyamoldal, egy sportbajnokság tabellája, egy jelentés, amelyet az intranet megjelenít, de nem enged letölteni, vagy egy állapotoldal az összes szerverrel. A böngésző szépen megjeleníti, de a diagramot építő front-end fejlesztő vagy a tesztadatokat kereső tesztelő objektumok tömbjét szeretné.

A szokásos megoldás a scraper: letölti az oldalt, feldolgozza Beautiful Souppal vagy Cheerióval, végigjárja a sorokat, hozzárendeli a cellákat. Ez akkor éri meg, ha az oldal naponta változik. Egyszeri táblázatnál gyorsabb a mentett oldalt feltölteni, és semmit sem kell karbantartani.

Példa: HTML táblázat JSON-ba

Bemeneti táblázat City és Founded th fejlécekkel, kimenet objektumok tömbjeként
<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 }
]

Mit őriz meg és mit hagy el az átalakítás

  • Megmarad: a cellák szövege, a fejlécsor kulcsként és a sorok sorrendje
  • Elmarad: CSS, beágyazott stílusok, osztályok és a táblázatot körülvevő oldal
  • Elmarad: a cellákban lévő képek és ikonok, mert nincs szöveges értékük
  • A hivatkozást tartalmazó cellák a látható szöveget őrzik meg, nem a mögötte lévő URL-t
  • A cellák elején és végén lévő szóközöket a Szóközök levágása eltávolítja
  • A kimenet UTF-8, amelyet az RFC 8259 ír elő a rendszerek között megosztott JSON-hoz

A HTML JSON-ba konvertálás korlátai

elfogadott mentett oldalak
.html .htm
oldal egy kötegben
20
feltöltött fájlonként
95 MB
után a fájlok törlődnek
30 perc

A HTML és a JSON egymás mellett

HTML

HyperText Markup Language

A HTML a web leírónyelve, amelyet Tim Berners-Lee írt le először az 1990-es évek elején, ma a WHATWG gondozza élő szabványként. A HTML-fájl fejléceket, bekezdéseket, hivatkozásokat, táblázatokat, képeket és űrlapokat ír le, a megjelenést általában CSS adja. Minden böngésző megjeleníti, e-mailsablonokhoz és mentett weboldalakhoz is használják. Egyetlen HTML-fájl gyakran külső képektől és stíluslapoktól függ, ezért önmagában áthelyezve hibásnak tűnhet.

Tömörítés
–
Átlátszóság
–
Animáció
–
Bevezetés éve
1993 · Tim Berners-Lee; maintained by WHATWG
HTML átalakító

JSON

JavaScript Object Notation

A JSON egy könnyű, szöveges formátum strukturált adatokhoz, amelyet Douglas Crockford tett népszerűvé a 2000-es évek elején, és RFC 8259 és ECMA-404 néven szabványosítottak. Objektumokat, tömböket, szövegeket, számokat, logikai értékeket és null értéket ír le egyszerű, olvasható szintaxissal. Ez az alapértelmezett formátum a webes API-khoz, a konfigurációs fájlokhoz és az alkalmazások közti adatcseréhez szinte minden programozási nyelvben. Nincs benne beépített megjegyzés, dátum vagy séma, és a nagy, mélyen egymásba ágyazott fájlok megjelenítő nélkül nehezen olvashatók.

Tömörítés
–
Átlátszóság
–
Animáció
–
Bevezetés éve
2001 · Douglas Crockford
JSON átalakító

A HTML-ből JSON akkor lesz, ha egy emberi olvasóknak szánt táblázatot – jelentésoldalon, intraneten vagy nyilvános statisztikai oldalon – szkriptnek, diagramkönyvtárnak vagy API-tesztnek kell felhasználnia.

A két formátum eltérő hagyományból ered. A HTML-t Tim Berners-Lee írta le először 1991-ben, ma a WHATWG gondozza élő szabványként, és dokumentumok megjelenítésére szolgál. A JSON-t Douglas Crockford határozta meg, az RFC 8259 és az ECMA-404 szabványosította, és csak adatot tartalmaz. Az átalakítás lényege a megjelenítési részek elhagyása, ezért az eredmény általában jóval kisebb a mentett oldalnál. Ha a táblázat weboldal helyett XML-csatornából származik, a XML JSON-ba végzi el a megfelelő munkát.

Kérdések a HTML JSON-ba konvertálásról

A konvertáló a teljes weboldalt beolvassa, vagy csak a táblázatokat?

Csak táblázatos kódot: a table, tr, th és td elemeken belüli sorokat és cellákat. A navigációs menük, a bekezdések és a div elemekből épített kártyaelrendezések nem táblázatos adatok, ezért nem kerülnek át JSON-ba.

Melyik sorból lesznek a JSON kulcsai?

A fejlécsort, általában a táblázat tetején lévő th cellákat. Ha Az első sor fejléc be van kapcsolva, a szövege lesz az alatta lévő értékek kulcsa, így a Population oszlop minden objektumban "Population": "…" párt ad.

Hogyan kezeli a colspan és rowspan cellákat?

Az egyesített cella több rácspozíciót fed le, de egyetlen értéket tartalmaz. Az érték csak az első pozícióban jelenik meg, ezért átalakítás után ellenőrizze az összevont oszlopokat, és ha a táblázat egyesített fejlécekre épül, pótolja a hiányzó értékeket kóddal.

Miért szerepelnek a JSON-ban a számok vesszővel vagy lábjegyzetjelekkel?

A weboldalak táblázatai olvasóknak készülnek, így egy cellában állhat 1,204,000 vagy 8.3[2] is. Az olyan egyszerű szám, mint az 1123, JSON-számmá válik, de az előbbi cellák nem érvényes számok, ezért szövegek maradnak; számolás előtt távolítsa el kóddal az elválasztókat és a lábjegyzetjeleket.

Szabad táblázatot kinyerni egy weboldalról?

Ez az oldal felhasználási feltételeitől és az adatoktól függ, nem a fájlformátumtól. Tipikusan nyilvános statisztikák és saját exportált jelentések esetén megengedett; mások tartalmának újrafelhasználása előtt olvassa el a feltételeket.

Kaphatok JSON helyett táblázatkezelő fájlt?

Igen. A HTML CSV-be ugyanazt a táblázatot vesszővel elválasztott sorokként írja ki, amelyeket megnyithat Excelben, Google Táblázatokban vagy Numbersben.