Çevrimiçi HTML'den JSON'a Dönüştür | Ücretsiz ve Güvenli
HTML dosyalarını JSON biçimine dönüştürün. HTML yapısını öğe ve özniteliklerle JSON ağacına ayrıştırır; dönüştürme güvenle tarayıcınızda yapılır.
Herhangi bir HTML yapıştırın; bu araç onu anında yapılandırılmış bir JSON ağacına dönüştürür—her öğe, etiket adı, öznitelikler, metin içeriği, alt öğeler ve yorumlar içeren bir düğüm olarak eşlenir. İşleme tamamen tarayıcınızda yerel DOMParser API'si aracılığıyla gerçekleşir; hiçbir kod sunucuya gönderilmez.
HTML Girişi
Yükle
JSON sonucu burada görünecek...
HTML JSON'a Nasıl Dönüştürülür
HTML kodunuzu yapıştırın veya bir HTML dosyası yükleyin.
Araç, HTML'yi otomatik olarak bir JSON ağacına ayrıştırır.
JSON çıktısını kopyalayın veya indirin.
Temel Özellikler
İstemci Tarafı İşleme
HTML'niz doğrudan tarayıcınızda ayrıştırılır. Hiçbir veri herhangi bir sunucuya gönderilmez.
DOM Ağaç Yapısı
Öğeleri, öznitelikleri, metni ve yorumları iç içe geçmiş bir JSON nesnesine dönüştürür.
Hata Yönetimi
HTML ayrıştırma hatalarını algılar ve bildirir.
SSS
Bu araç ücretsiz mi?
Evet, bu HTML'den JSON'a dönüştürücü tamamen ücretsizdir.
Dönüştürme nasıl çalışır?
HTML dizesini ayrıştırmak için tarayıcının yerel DOMParser API'sini kullanır ve yinelemeli olarak DOM ağacının bir JSON temsilini oluşturur.
Buna da ihtiyacınız olabilir
Herhangi bir HTML yapıştırın; bu araç onu anında yapılandırılmış bir JSON ağacına dönüştürür—her öğe, etiket adı, öznitelikler, metin içeriği, alt öğeler ve yorumlar içeren bir düğüm olarak eşlenir. İşleme tamamen tarayıcınızda yerel DOMParser API'si aracılığıyla gerçekleşir; hiçbir kod sunucuya gönderilmez.
HTML'den JSON'a Dönüştürücü Nasıl Kullanılır
- 1
HTML'nizi yapıştırın veya yükleyin
HTML kodunu doğrudan giriş alanına girin ya da Yükle düğmesini kullanarak cihazınızdan bir .html dosyası açın.
- 2
JSON'a dönüştürün
Araç, DOMParser ile HTML'yi ayrıştırır ve DOM'u özyinelemeli olarak gezer; belge ağacı için iç içe geçmiş bir JSON nesnesi oluşturur.
- 3
Çıktıyı inceleyin
JSON çıktı panelinde her düğümün etiket adını, özniteliklerini, metnini, alt öğelerini ve yorumlarını gözden geçirin.
- 4
Kopyalayın veya indirin
Kopyala ile JSON'u panoya gönderin ya da İndir ile kodunuzda kullanmak üzere .json dosyası olarak kaydedin.
Kaynaklar
- WHATWG — HTML Standard
HTML öğelerini, özniteliklerini ve işaretlemeyi DOM ağacına dönüştüren ayrıştırma algoritmasını tanımlayan yaşayan spesifikasyon.
- MDN — DOMParser
Bu aracın tarayıcıda bir HTML dizisini gezinilebilir DOM belgesine dönüştürmek için kullandığı Web API'si.
- RFC 8259 — JSON
Aracın çıktısında kullanılan JSON veri değişim biçimi için IETF spesifikasyonu.
İlgili Araçlar
JSON Biçimlendirici
HTML'nizden üretilen JSON ağacını güzelleştirin ve doğrulayın.
HTML Görüntüleyici
Dönüştürmeden önce işlenmiş HTML'yi önizleyin ve inceleyin.
HTML Küçültücü
Boşlukları ve yorumları kaldırarak HTML'yi küçültün.
Markdown'dan JSON'a
Markdown belgelerini yapılandırılmış JSON gösterimine dönüştürün.
Sık Sorulan Sorular
- Bu araç ücretsiz mi?
- Evet, bu HTML'den JSON'a dönüştürücü tamamen ücretsizdir ve kayıt gerektirmez.
- HTML'm sunucuya gönderiliyor mu?
- Hayır. Tüm işlemler DOMParser aracılığıyla tarayıcınızda yerel olarak gerçekleşir. Kodunuz cihazınızdan asla ayrılmaz.
- HTML'den JSON'a dönüşüm nasıl çalışır?
- Araç, HTML'yi ayrıştırmak için tarayıcının yerel DOMParser API'sini kullanır, ardından DOM ağacını özyinelemeli olarak gezerek her düğümü etiket adı, öznitelikler, metin ve alt öğelerle bir JSON nesnesi olarak kaydeder.
- Öznitelikler ve metin JSON'da nasıl temsil edilir?
- Her öğe, etiket adı, öznitelik haritası, metin içeriği ve alt düğümler dizisinden oluşan bir düğüm olur—orijinal DOM ağacının yapısını yansıtır.
- Araç hatalı veya eksik HTML'yi işleyebilir mi?
- Evet. DOMParser, yaygın hataları düzeltmek için HTML ayrıştırma algoritmasını izler; araç ayrıca ayrıştırma hatalarını algılar ve raporlar.
- Elde ettiğim JSON'ı projemde nasıl kullanabilirim?
- JSON dosyasını indirin ve Python, JavaScript veya PHP gibi herhangi bir dilde yükleyin. Ayrıca daha kolay okumak için JSON biçimlendiricisinize yapıştırabilirsiniz.