UltKit

Ubah HTML ke JSON

Ambil tabel dari halaman web yang tersimpan dan dapatkan kembali sebagai JSON yang bisa diulang oleh kode Anda. Sel header menjadi nama kunci, dan setiap baris tabel menjadi satu objek dalam array.

Konverter Data

atau jatuhkan file CSV, TSV, TXT … di sini ·

Maks. 95 MB per file· Hingga 20 file· Dihapus setelah 30 menit

Keluaran

File diproses di server kami dan dihapus setelah 30 menit.

Cara menggunakan alat ini

  1. 1

    Simpan halaman atau tabelnya

    Di browser, tekan Ctrl+S (Cmd+S di Mac) dan simpan file HTML-nya, atau salin markup tabel dari developer tools ke file .html. Unggah hingga 20 file, masing-masing 95 MB.

  2. 2

    Pilih bentuk JSON

    Array objek sudah dipilihkan. Di Pengaturan lanjutan, ubah Struktur JSON ke Array dari array untuk file yang lebih ringkas, atau matikan Format rapi agar hasilnya satu baris.

  3. 3

    Konversi dan pakai datanya

    Tekan Konversi ke JSON, unduh filenya, lalu muat dengan JSON.parse di JavaScript, json.load di Python, atau klien API apa pun.

Simpan halaman, unggah file .html, dan setiap baris tabel kembali sebagai objek JSON dengan kunci dari sel header tabel.

Kapan tabel web perlu diubah menjadi JSON

Banyak data berguna yang hanya tersedia sebagai tabel HTML: halaman kurs, klasemen liga olahraga, laporan yang ditampilkan intranet Anda tetapi tidak pernah bisa diunduh, halaman status yang mencantumkan semua server. Browser menampilkannya dengan rapi, tetapi pengembang front-end yang membuat grafik, atau penguji yang butuh data fixture, menginginkan array objek.

Jawaban yang biasa adalah scraper: ambil halamannya, urai dengan Beautiful Soup atau Cheerio, telusuri baris-barisnya, petakan sel-selnya. Itu layak ditulis jika halaman berubah setiap hari. Untuk tabel yang hanya Anda butuhkan sekali, mengunggah halaman yang tersimpan lebih cepat dan tidak meninggalkan apa pun untuk dirawat.

Contoh tabel HTML ke JSON

Tabel masukan dengan header th Kota dan Didirikan, keluaran berupa Array objek
<table>
  <tr><th>Kota</th><th>Didirikan</th></tr>
  <tr><td>Bogor</td><td>1482</td></tr>
  <tr><td>Bandung</td><td>1810</td></tr>
</table>

[
  { "Kota": "Bogor", "Didirikan": 1482 },
  { "Kota": "Bandung", "Didirikan": 1810 }
]

Apa yang dipertahankan dan dibuang oleh konversi

  • Dipertahankan: teks sel, baris header sebagai kunci, dan urutan baris
  • Dibuang: CSS, gaya inline, class, dan halaman di sekitar tabel
  • Dibuang: gambar dan ikon di dalam sel, yang tidak memiliki nilai teks
  • Sel berisi tautan mempertahankan teks yang terlihat, bukan URL di baliknya
  • Spasi di awal dan akhir sel dipangkas oleh Pangkas spasi
  • Keluarannya UTF-8, yang diwajibkan RFC 8259 untuk JSON yang dipertukarkan antarsistem

Batas konverter HTML ke JSON

halaman tersimpan yang diterima
.html .htm
halaman per batch
20
per file yang diunggah
95 MB
setelah itu file dihapus
30 menit

HTML dan JSON berdampingan

HTML

HyperText Markup Language

HTML adalah bahasa markup untuk web, pertama kali dideskripsikan oleh Tim Berners-Lee pada awal 1990-an dan kini dikelola oleh WHATWG sebagai living standard. File HTML mendeskripsikan judul, paragraf, tautan, tabel, gambar, dan formulir, sedangkan gaya tampilannya biasanya berasal dari CSS. Setiap browser dapat merendernya, dan HTML juga digunakan untuk template email serta halaman web yang disimpan. Satu file HTML sering bergantung pada gambar dan stylesheet eksternal, sehingga tampilannya bisa rusak jika dipindahkan sendirian.

Kompresi
–
Transparansi
–
Animasi
–
Diperkenalkan
1993 · Tim Berners-Lee; maintained by WHATWG
Konverter HTML

JSON

JavaScript Object Notation

JSON adalah format teks ringan untuk data terstruktur, dipopulerkan oleh Douglas Crockford pada awal 2000-an dan distandardisasi sebagai RFC 8259 dan ECMA-404. Format ini merepresentasikan objek, array, string, angka, boolean, dan null dengan sintaksis yang sederhana dan mudah dibaca. JSON adalah format default untuk API web, file konfigurasi, dan pertukaran data antaraplikasi di hampir setiap bahasa pemrograman. JSON tidak memiliki komentar, tanggal, atau skema bawaan, dan file bersarang yang besar sulit dibaca tanpa penampil.

Kompresi
–
Transparansi
–
Animasi
–
Diperkenalkan
2001 · Douglas Crockford
Konverter JSON

HTML diubah ke JSON saat tabel yang diterbitkan untuk pembaca manusia, di halaman laporan, intranet, atau situs statistik publik, harus menjadi masukan bagi skrip, pustaka grafik, atau uji API.

Kedua format ini berasal dari tradisi yang berbeda. HTML, pertama kali dijabarkan oleh Tim Berners-Lee pada 1991 dan kini dikelola WHATWG sebagai standar hidup, menandai dokumen untuk ditampilkan. JSON, dirumuskan oleh Douglas Crockford dan distandarkan sebagai RFC 8259 dan ECMA-404, hanya berisi data. Berpindah dari yang pertama ke yang kedua sebagian besar berarti membuang unsur tampilan, karena itulah hasilnya biasanya jauh lebih kecil daripada halaman yang disimpan. Untuk tabel yang datang sebagai feed XML, bukan halaman web, XML ke JSON melakukan tugas yang serupa.

Pertanyaan seputar HTML ke JSON

Apakah konverter HTML ke JSON membaca seluruh halaman web atau hanya tabel?

Hanya markup tabel: baris dan sel di dalam elemen table, tr, th, dan td. Menu navigasi, paragraf, dan tata letak kartu yang dibangun dari elemen div bukan data tabel, jadi tidak diubah menjadi JSON.

Baris mana yang menjadi kunci JSON saat tabel HTML dikonversi?

Baris header, biasanya sel th di bagian atas tabel. Dengan Baris pertama adalah header aktif, teksnya menjadi kunci untuk setiap nilai di bawahnya, sehingga kolom berjudul Populasi menghasilkan "Populasi": "…" di setiap objek.

Bagaimana sel colspan dan rowspan ditangani saat HTML diubah ke JSON?

Sel gabungan menutupi beberapa posisi grid tetapi hanya berisi satu nilai. Nilai itu hanya muncul di posisi pertama, jadi periksa kolom yang digabung setelah konversi dan isi celahnya lewat kode jika tabel Anda memakai header gabungan.

Mengapa angka di JSON saya ditulis dengan pemisah ribuan atau tanda catatan kaki?

Tabel web ditulis untuk pembaca, jadi sebuah sel bisa berisi 1,204,000 atau 8.3[2]. Angka polos seperti 1482 menjadi angka JSON, tetapi sel seperti tadi bukan angka yang sah dan tetap menjadi string; buang pemisah dan tanda catatan kaki lewat kode sebelum menghitung.

Apakah mengambil tabel dari situs web diperbolehkan?

Itu bergantung pada ketentuan situs dan datanya, bukan pada format file. Statistik publik dan laporan ekspor milik Anda sendiri adalah kasus yang umum; periksa ketentuannya sebelum memakai ulang konten milik orang lain.

Bisakah tabel HTML dijadikan spreadsheet, bukan JSON?

Bisa. HTML ke CSV menulis tabel yang sama sebagai baris yang dipisahkan koma dan bisa dibuka di Excel, Google Sheets, atau Numbers.