UltKit
Görsel11
Resim DönüştürücüResim SıkıştırmaResim BoyutlandırmaResim KırpmaResimden PDF'yeVesikalık Fotoğraf OluşturucuResimden SVG'yeTüm Görsel araçları →
PDF13
PDF SıkıştırmaPDF DönüştürücüPDF'den ResmePDF BirleştirmePDF BölmePDF Kilidini AçmaPDF ŞifrelemeTüm PDF araçları →
Belgeler ve Veriler7
PDF'ye DönüştürmeBelge DönüştürücüResimden Metne (OCR)Resimden Excel'eVeri DönüştürücüE-kitap DönüştürücüTüm Belgeler ve Veriler araçları →
Video6
Video DönüştürücüVideo SıkıştırmaVideodan SeseVideodan GIF'eVideo KırpmaSesten VideoyaTüm Video araçları →
Ses4
Ses DönüştürücüSes SıkıştırmaSes KırpmaSesten MetneTüm Ses araçları →
Diğer araçlar22
QR Kod OluşturucuDosyaları Zip'lemeOnline Zip AçmaSaat Dilimi DönüştürücüBirim DönüştürücüParola OluşturucuKelime SayacıRenk SeçiciTüm diğer araçlar →
BlogNasıl çalışır

HTML'yi JSON'a Dönüştürme

Kaydettiğiniz web sayfasındaki tabloyu çıkarın ve kodunuzun döngüyle işleyebileceği JSON olarak geri alın. Başlık hücreleri anahtarları adlandırır, tablonun her satırı da bir dizide tek bir nesneye dönüşür.

Veri Dönüştürücü

veya CSV, TSV, TXT … dosyaları buraya bırakın ·

Dosya başına en fazla 95 MB· En fazla 20 dosya· 30 dakika sonra silinir

Çıktı

Dosyalar sunucularımızda işlenir ve 30 dakika sonra silinir.

Bu aracı nasıl kullanırsınız

  1. 1

    Sayfayı veya tabloyu kaydedin

    Tarayıcınızda Ctrl+S (Mac'te Cmd+S) tuşlarına basıp HTML dosyasını kaydedin ya da tablonun işaretlemesini geliştirici araçlarından kopyalayıp bir .html dosyasına yapıştırın. Her biri en fazla 95 MB olan 20 dosyaya kadar yükleyebilirsiniz.

  2. 2

    JSON yapısını seçin

    Nesne dizisi seçeneği sizin için ayarlıdır. Gelişmiş ayarlar altında JSON yapısı seçeneğini daha kompakt bir dosya için Dizi dizisi olarak değiştirebilir veya tek satırlık çıktı için Okunaklı biçimlendir seçeneğini kapatabilirsiniz.

  3. 3

    Dönüştürün ve verileri kullanın

    JSON biçimine Dönüştür düğmesine basın, dosyayı indirin ve JavaScript'te JSON.parse, Python'da json.load ya da herhangi bir API istemcisiyle yükleyin.

Sayfayı kaydedin, .html dosyasını yükleyin; tablonun her satırı, tablonun başlık hücrelerini anahtar alan bir JSON nesnesi olarak geri gelir.

Bir web tablosunun JSON'a dönüşmesi gerektiğinde

Birçok faydalı veri yalnızca HTML tablosu olarak bulunur: bir döviz kuru sayfası, bir spor ligi puan durumu, intranetinizin gösterip indirmenize izin vermediği bir rapor, tüm sunucuları listeleyen bir durum sayfası. Tarayıcı bunu güzel gösterir, ancak grafik hazırlayan bir ön yüz geliştiricisi ya da test verisine ihtiyaç duyan bir test uzmanı bunun yerine nesne dizisi ister.

Olağan çözüm bir kazıyıcıdır: sayfayı çekin, Beautiful Soup veya Cheerio ile ayrıştırın, satırları gezin, hücreleri eşleyin. Sayfa her gün değişiyorsa bunu yazmaya değer. Bir kez ihtiyaç duyduğunuz tablo için kaydedilmiş sayfayı yüklemek daha hızlıdır ve bakım gerektirmez.

HTML tablosunu JSON'a dönüştürme örneği

City ve Founded th başlıklarına sahip girdi tablosu ve Nesne dizisi olarak çıktı
<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 }
]

Dönüştürmede korunanlar ve atılanlar

  • Korunanlar: hücre metni, anahtar olarak başlık satırı ve satır sırası
  • Atılanlar: CSS, satır içi stiller, sınıflar ve tablonun çevresindeki sayfa
  • Atılanlar: hücrelerdeki görseller ve simgeler, çünkü metin değeri yoktur
  • Bağlantı hücreleri arkasındaki URL'yi değil, görünen metni korur
  • Hücrelerin başındaki ve sonundaki boşluklar Boşlukları kırp ile kırpılır
  • Çıktı UTF-8'dir; RFC 8259, sistemler arasında paylaşılan JSON için bunu zorunlu kılar

HTML'den JSON'a dönüştürücünün sınırları

kabul edilen kayıtlı sayfalar
.html .htm
toplu işlemde sayfa
20
yüklenen dosya başına
95 MB
sonra dosyalar silinir
30 dk

HTML ve JSON karşılaştırması

HTML

HyperText Markup Language

HTML, web'in işaretleme dilidir; ilk kez 1990'ların başında Tim Berners-Lee tarafından tanımlandı ve şimdi WHATWG tarafından yaşayan bir standart olarak sürdürülüyor. Bir HTML dosyası başlıkları, paragrafları, bağlantıları, tabloları, resimleri ve formları tanımlar; biçimlendirme ise genellikle CSS'ten gelir. Her tarayıcı onu işler; e-posta şablonlarında ve kaydedilmiş web sayfalarında da kullanılır. Tek bir HTML dosyası çoğu zaman harici resimlere ve stil sayfalarına bağlıdır, bu yüzden tek başına taşındığında bozuk görünebilir.

Sıkıştırma
–
Saydamlık
–
Animasyon
–
Çıkış yılı
1993 · Tim Berners-Lee; maintained by WHATWG
HTML dönüştürücü

JSON

JavaScript Nesne Gösterimi (JSON)

JSON, yapılandırılmış veriler için hafif bir metin biçimidir; 2000'lerin başında Douglas Crockford tarafından yaygınlaştırılmış ve RFC 8259 ile ECMA-404 olarak standartlaştırılmıştır. Nesneleri, dizileri, dizgileri, sayıları, mantıksal değerleri ve null'ı basit, okunabilir bir sözdizimiyle gösterir. Web API'leri, yapılandırma dosyaları ve neredeyse her programlama dilindeki uygulamalar arasında veri alışverişi için varsayılan biçimdir. Yorum, tarih veya şema desteği yoktur; büyük iç içe dosyaları bir görüntüleyici olmadan okumak zordur.

Sıkıştırma
–
Saydamlık
–
Animasyon
–
Çıkış yılı
2001 · Douglas Crockford
JSON dönüştürücü

Bir rapor sayfasında, intranette ya da herkese açık bir istatistik sitesinde okuyucular için yayımlanmış bir tablonun bir betiği, grafik kitaplığını veya API testini beslemesi gerektiğinde HTML, JSON'a dönüştürülür.

Bu iki biçim farklı geleneklerden gelir. İlk kez 1991'de Tim Berners-Lee tarafından tanımlanan ve bugün WHATWG tarafından yaşayan bir standart olarak sürdürülen HTML, belgeleri görüntülemek için işaretler. Douglas Crockford tarafından tanımlanan ve RFC 8259 ile ECMA-404 olarak standartlaştırılan JSON ise yalnızca veri taşır. Birinden diğerine geçmek çoğunlukla görünümle ilgili her şeyi atmak demektir; bu yüzden sonuç genellikle kaydedilmiş sayfadan çok daha küçüktür. Web sayfası yerine XML beslemesi olarak gelen tablolar için XML'den JSON'a aracı aynı işi yapar.

HTML'den JSON'a dönüştürme hakkında sorular

Dönüştürücü tüm web sayfasını mı yoksa yalnızca tabloları mı okur?

Yalnızca tablo işaretlemesi: table, tr, th ve td öğelerindeki satırlar ve hücreler. Gezinme menüleri, paragraflar ve div öğeleriyle kurulmuş kart düzenleri tablo verisi olmadığı için JSON'a dönüştürülmez.

JSON anahtarları hangi satırdan alınır?

Başlık satırı, yani normalde tablonun üstündeki th hücreleri. İlk satır başlık açıkken bu metin, altındaki her değerin anahtarı olur; böylece Nüfus başlıklı bir sütun her nesnede "Nüfus": "…" olarak çıkar.

colspan ve rowspan hücreleri nasıl işlenir?

Birleştirilmiş bir hücre birkaç ızgara konumunu kaplar ama tek bir değer taşır. Bu değer yalnızca ilk konumda yer alır; bu yüzden dönüştürmeden sonra birleşik sütunları kontrol edin, tablonuz birleşik başlıklara dayanıyorsa boşlukları kodla doldurun.

JSON'daki sayılar neden virgüllü veya dipnot işaretli yazılıyor?

Web tabloları okuyucular için yazılır, bu yüzden bir hücrede 1,204,000 ya da 8.3[2] yazabilir. 1123 gibi düz bir sayı JSON sayısı olur, ancak bu tür hücreler geçerli sayı olmadığından metin olarak kalır; hesap yapmadan önce ayraçları ve dipnot işaretlerini kodla temizleyin.

Bir web sitesinden tablo çekmek serbest mi?

Bu, dosya biçimine değil sitenin kullanım koşullarına ve verinin kendisine bağlıdır. Herkese açık istatistikler ve kendi dışa aktardığınız raporlar olağan örneklerdir; başkasının içeriğini yeniden kullanmadan önce koşulları kontrol edin.

JSON yerine elektronik tablo alabilir miyim?

Evet. HTML'den CSV'ye aynı tabloyu Excel, Google E-Tablolar veya Numbers'ta açılan virgülle ayrılmış satırlar olarak yazar.