Ç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

ÖrnekYükleDönüştürTemizle

JSON Çıktısı

JSON sonucu burada görünecek...

JSON BiçimlendiriciKopyalaİndir

JSON sonucu burada görünecek...

HTML JSON'a Nasıl Dönüştürülür

01

HTML kodunuzu yapıştırın veya bir HTML dosyası yükleyin.

02

Araç, HTML'yi otomatik olarak bir JSON ağacına ayrıştırır.

03

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

HTML Görüntüleyici

HTML kodunu gerçek zamanlı olarak önizleyin ve düzenleyin.

Aracı aç

HTML Küçültücü/Biçimlendirici

HTML metnini 2/4 boşluk girintisiyle küçültün veya biçimlendirin.

Aracı aç

Markdown'dan JSON'a

Markdown AST, tablolar ve frontmatter'ı JSON'a dönüştürün.

Aracı aç

XML'den JSON'a

XML dizesini JSON nesnesine dönüştürün.

Aracı aç

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. 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. 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. 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. 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

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.