UltKit
Imej11
Penukar ImejKompres ImejUbah Saiz ImejPangkas ImejImej ke PDFPembuat Foto PasportImej ke SVGSemua alat Imej →
PDF13
Kompres PDFPenukar PDFPDF ke ImejGabung PDFPisah PDFBuka Kunci PDFLindungi PDFSemua alat PDF →
Dokumen & Data7
Tukar ke PDFPenukar DokumenImej ke Teks (OCR)Imej ke ExcelPenukar DataPenukar E-bukuSemua alat Dokumen & Data →
Video6
Penukar VideoKompres VideoVideo ke AudioVideo ke GIFPotong VideoAudio ke VideoSemua alat Video →
Audio4
Penukar AudioKompres AudioPotong AudioAudio ke TeksSemua alat Audio →
Alat lain22
Penjana Kod QRZip FailUnzip Dalam TalianPenukar Zon WaktuPenukar UnitPenjana Kata LaluanPengira PerkataanPemilih WarnaSemua alat lain →
BlogCara ia berfungsi

Penukar HTML ke JSON

Ambil jadual daripada halaman web yang disimpan dan dapatkannya semula sebagai JSON yang boleh diulang oleh kod anda. Sel pengepala menamakan kunci, dan setiap baris jadual menjadi satu objek dalam tatasusunan.

Penukar Data

atau seret Fail CSV, TSV, TXT … ke sini ·

Maks 95 MB setiap fail· Sehingga 20 fail· Dipadam selepas 30 minit

Output

Fail diproses pada pelayan kami dan dipadam selepas 30 minit.

Cara menggunakan alat ini

  1. 1

    Simpan halaman atau jadual

    Dalam pelayar anda, tekan Ctrl+S (Cmd+S pada Mac) dan simpan fail HTML, atau salin markup jadual daripada alat pembangun ke dalam fail .html. Muat naik sehingga 20 fail, setiap satu 95 MB.

  2. 2

    Pilih bentuk JSON

    Array of objects sudah ditetapkan untuk anda. Di bawah Tetapan lanjutan, tukar Struktur JSON kepada Array of arrays untuk fail yang lebih padat, atau matikan Format kemas untuk mendapatkan satu baris.

  3. 3

    Tukar dan gunakan data

    Tekan Tukar ke JSON, muat turun fail dan muatkannya dengan JSON.parse dalam JavaScript, json.load dalam Python atau mana-mana klien API.

Simpan halaman, muat naik fail .html dan setiap baris jadual dikembalikan sebagai objek JSON yang berkunci pada sel pengepala jadual.

Bila jadual web perlu ditukar ke JSON

Banyak data berguna wujud hanya sebagai jadual HTML: halaman kadar pertukaran, kedudukan liga sukan, laporan yang dipaparkan intranet anda tetapi tidak boleh dimuat turun, halaman status yang menyenaraikan setiap pelayan. Pelayar memaparkannya dengan kemas, tetapi pembangun bahagian depan yang membina carta, atau penguji yang memerlukan data fixture, mahukan array objek.

Jawapan lazimnya ialah scraper: ambil halaman, huraikan dengan Beautiful Soup atau Cheerio, lalui baris, petakan sel. Itu berbaloi ditulis jika halaman berubah setiap hari. Untuk jadual yang anda perlukan sekali sahaja, memuat naik halaman yang disimpan lebih pantas dan tiada apa-apa untuk diselenggara.

Contoh jadual HTML ke JSON

Jadual input dengan pengepala th City dan Founded, output dengan Array of objects
<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 }
]

Apa yang dikekalkan dan dibuang semasa penukaran

  • Dikekalkan: teks sel, baris pengepala sebagai kunci dan susunan baris
  • Dibuang: CSS, gaya sebaris, kelas dan halaman di sekeliling jadual
  • Dibuang: gambar dan ikon di dalam sel, yang tiada nilai teks
  • Sel pautan mengekalkan teks yang kelihatan, bukan URL di belakangnya
  • Ruang di awal dan akhir sel dibuang oleh Buang ruang berlebihan
  • Output ialah UTF-8, yang diwajibkan oleh RFC 8259 untuk JSON yang dikongsi antara sistem

Had penukar HTML ke JSON

halaman tersimpan diterima
.html .htm
halaman setiap kelompok
20
bagi setiap fail dimuat naik
95 MB
kemudian fail dipadam
30 min

HTML dan JSON secara bersebelahan

HTML

HyperText Markup Language

HTML ialah bahasa penanda web, mula diterangkan oleh Tim Berners-Lee pada awal 1990-an dan kini diselenggara oleh WHATWG sebagai piawaian hidup. Fail HTML menerangkan tajuk, perenggan, pautan, jadual, imej dan borang, manakala penggayaan biasanya datang daripada CSS. Setiap pelayar memaparkannya, dan ia turut digunakan untuk templat e-mel dan halaman web yang disimpan. Satu fail HTML sering bergantung pada imej dan helaian gaya luaran, jadi ia mungkin kelihatan rosak apabila dipindahkan sendirian.

Pemampatan
–
Ketelusan
–
Animasi
–
Diperkenalkan
1993 · Tim Berners-Lee; maintained by WHATWG
Penukar HTML

JSON

JavaScript Object Notation

JSON ialah format teks ringan untuk data berstruktur, dipopularkan oleh Douglas Crockford pada awal 2000-an dan dipiawaikan sebagai RFC 8259 dan ECMA-404. Ia mewakili objek, tatasusunan, rentetan, nombor, boolean dan null dengan sintaks yang mudah dibaca. Ia ialah format lalai untuk API web, fail konfigurasi dan pertukaran data antara aplikasi dalam hampir semua bahasa pengaturcaraan. Ia tidak mempunyai komen, tarikh atau skema terbina dalam, dan fail bersarang yang besar sukar dibaca tanpa pemapar.

Pemampatan
–
Ketelusan
–
Animasi
–
Diperkenalkan
2001 · Douglas Crockford
Penukar JSON

HTML ditukar ke JSON apabila jadual yang diterbitkan untuk pembaca manusia, pada halaman laporan, intranet atau tapak statistik awam, perlu dimasukkan ke dalam skrip, pustaka carta atau ujian API.

Kedua-dua format ini datang daripada tradisi berbeza. HTML, yang mula diperihalkan oleh Tim Berners-Lee pada 1991 dan kini diselenggara oleh WHATWG sebagai standard hidup, menandakan dokumen untuk paparan. JSON, yang dinyatakan oleh Douglas Crockford dan ditetapkan sebagai RFC 8259 dan ECMA-404, hanya menyimpan data. Menukar daripada yang pertama kepada yang kedua kebanyakannya bermaksud membuang bahagian persembahan, sebab itu hasilnya biasanya jauh lebih kecil daripada halaman yang disimpan. Untuk jadual yang datang sebagai suapan XML dan bukan halaman web, XML ke JSON melakukan tugas yang sama.

Soalan lazim HTML ke JSON

Adakah penukar membaca seluruh halaman web atau hanya jadual?

Hanya markup jadual: baris dan sel di dalam elemen table, tr, th dan td. Menu navigasi, perenggan dan reka letak kad yang dibina daripada elemen div bukan data berjadual, jadi ia tidak ditukar kepada JSON.

Baris manakah yang memberikan kunci JSON?

Baris pengepala, biasanya sel th di bahagian atas jadual. Apabila Baris pertama ialah pengepala dihidupkan, teksnya menjadi kunci bagi setiap nilai di bawahnya, jadi lajur berpengepala Population memberikan "Population": "…" dalam setiap objek.

Bagaimanakah sel colspan dan rowspan dikendalikan?

Sel yang digabungkan meliputi beberapa kedudukan grid tetapi hanya mempunyai satu nilai. Nilai itu akan berada pada kedudukan pertama sahaja, jadi semak lajur yang merentang selepas penukaran dan isi ruang kosong melalui kod jika jadual anda bergantung pada pengepala gabungan.

Mengapakah nombor dalam JSON saya ditulis dengan koma atau tanda nota kaki?

Jadual web ditulis untuk pembaca, jadi sel mungkin tertulis 1,204,000 atau 8.3[2]. Nombor biasa seperti 1123 menjadi nombor JSON, tetapi sel sedemikian bukan nombor sah dan kekal sebagai rentetan; buang pemisah dan tanda nota kaki melalui kod sebelum membuat pengiraan.

Adakah mengikis jadual daripada laman web dibenarkan?

Itu bergantung pada terma tapak dan datanya, bukan format fail. Statistik awam dan laporan yang anda eksport sendiri ialah kes biasa; semak terma sebelum menggunakan semula kandungan orang lain.

Bolehkah saya mendapatkan hamparan dan bukan JSON?

Ya. HTML ke CSV menulis jadual yang sama sebagai baris dipisahkan koma yang boleh dibuka dalam Excel, Google Sheets atau Numbers.