เครื่องมือสำหรับนักพัฒนา

แปลง HTML เป็น JSON ออนไลน์ | ฟรีและปลอดภัย

แปลงไฟล์ HTML เป็น JSON ออนไลน์ฟรี แยกวิเคราะห์โครงสร้าง HTML ออกมาเป็นโครงสร้างต้นไม้ JSON ประมวลผลฝั่งไคลเอนต์อย่างปลอดภัย

วางโค้ด HTML ใดก็ได้ แล้วเครื่องมือนี้จะแปลงเป็นต้นไม้ JSON ที่มีโครงสร้างทันที โดยแต่ละองค์ประกอบจะถูกแมปเป็นโหนดพร้อมชื่อแท็ก แอตทริบิวต์ เนื้อหาข้อความ องค์ประกอบลูก และความคิดเห็น การประมวลผลทำงานทั้งหมดในเบราว์เซอร์ผ่าน DOMParser API ดั้งเดิม โดยไม่มีการส่งโค้ดไปยังเซิร์ฟเวอร์

อินพุต HTML

อัปโหลด

ตัวอย่างอัปโหลดแปลงล้าง

ผลลัพธ์ JSON

ผลลัพธ์ JSON จะปรากฏที่นี่...

ตัวจัดรูปแบบ JSONคัดลอกดาวน์โหลด

ผลลัพธ์ JSON จะปรากฏที่นี่...

วิธีแปลง HTML เป็น JSON

01

วางโค้ด HTML ของคุณหรืออัปโหลดไฟล์ HTML

02

เครื่องมือจะแยกวิเคราะห์ HTML เป็นโครงสร้างต้นไม้ JSON โดยอัตโนมัติ

03

คัดลอกหรือดาวน์โหลดผลลัพธ์ JSON

คุณสมบัติหลัก

การประมวลผลฝั่งไคลเอนต์

HTML ของคุณจะถูกแยกวิเคราะห์โดยตรงในเบราว์เซอร์ของคุณ ไม่มีการส่งข้อมูลไปยังเซิร์ฟเวอร์ใดๆ

โครงสร้างต้นไม้ DOM

แปลงองค์ประกอบ คุณลักษณะ ข้อความ และความคิดเห็นเป็นวัตถุ JSON ที่ซ้อนกัน

การจัดการข้อผิดพลาด

ตรวจจับและรายงานข้อผิดพลาดในการแยกวิเคราะห์ HTML

คำถามที่พบบ่อย

เครื่องมือนี้ฟรีหรือไม่?

ใช่ ตัวแปลง HTML เป็น JSON นี้ใช้งานได้ฟรี 100%

การแปลงทำงานอย่างไร?

มันใช้ DOMParser API ของเบราว์เซอร์เพื่อแยกวิเคราะห์สตริง HTML และสร้างการแสดงผล JSON ของโครงสร้าง DOM แบบวนซ้ำ

คุณอาจต้องใช้สิ่งนี้ด้วย

ตัวดู HTML

ดูตัวอย่างและแก้ไขโค้ด HTML แบบเรียลไทม์

เปิดเครื่องมือ

ตัวย่อ/จัดรูปแบบ HTML

ย่อขนาดหรือจัดรูปแบบข้อความ HTML ด้วยการเยื้อง 2/4 ช่องว่าง

เปิดเครื่องมือ

Markdown เป็น JSON

แปลง Markdown AST ตาราง และข้อมูลเมตาเริ่มต้นเป็น JSON

เปิดเครื่องมือ

XML เป็น JSON

แปลงสตริง XML เป็นออบเจ็กต์ JSON

เปิดเครื่องมือ

วางโค้ด HTML ใดก็ได้ แล้วเครื่องมือนี้จะแปลงเป็นต้นไม้ JSON ที่มีโครงสร้างทันที โดยแต่ละองค์ประกอบจะถูกแมปเป็นโหนดพร้อมชื่อแท็ก แอตทริบิวต์ เนื้อหาข้อความ องค์ประกอบลูก และความคิดเห็น การประมวลผลทำงานทั้งหมดในเบราว์เซอร์ผ่าน DOMParser API ดั้งเดิม โดยไม่มีการส่งโค้ดไปยังเซิร์ฟเวอร์

วิธีใช้เครื่องมือแปลง HTML เป็น JSON

  1. 1

    วางหรืออัปโหลด HTML

    ป้อนโค้ด HTML โดยตรงในช่องป้อนข้อมูล หรือใช้ปุ่มอัปโหลดเพื่อโหลดไฟล์ .html จากอุปกรณ์ของคุณ

  2. 2

    แปลงเป็น JSON

    เครื่องมือแยกวิเคราะห์ HTML ด้วย DOMParser และวนซ้ำ DOM แบบ recursive เพื่อสร้างออบเจกต์ JSON ที่ซ้อนกันสำหรับต้นไม้เอกสาร

  3. 3

    ตรวจสอบผลลัพธ์

    ดูชื่อแท็ก แอตทริบิวต์ ข้อความ องค์ประกอบลูก และความคิดเห็นของแต่ละโหนดในแผง JSON

  4. 4

    คัดลอกหรือดาวน์โหลด

    ใช้คัดลอกเพื่อส่ง JSON ไปยังคลิปบอร์ด หรือดาวน์โหลดเพื่อบันทึกเป็นไฟล์ .json สำหรับใช้ในโค้ดของคุณ

อ้างอิง

  • WHATWG — HTML Standard

    ข้อกำหนดมาตรฐานที่กำหนดองค์ประกอบ HTML แอตทริบิวต์ และอัลกอริทึมการแยกวิเคราะห์ที่แปลงมาร์กอัปเป็นต้นไม้ DOM

  • MDN — DOMParser

    Web API ที่เครื่องมือนี้ใช้แยกวิเคราะห์สตริง HTML เป็นเอกสาร DOM ที่นำทางได้ในเบราว์เซอร์

  • RFC 8259 — JSON

    ข้อกำหนด IETF สำหรับรูปแบบการแลกเปลี่ยนข้อมูล JSON ที่ใช้ในผลลัพธ์ของเครื่องมือ

เครื่องมือที่เกี่ยวข้อง

JSON Formatter

จัดรูปแบบและตรวจสอบต้นไม้ JSON ที่ได้จาก HTML

HTML Viewer

ดูตัวอย่างและตรวจสอบ HTML ที่เรนเดอร์แล้วก่อนแปลง

HTML Minifier

ลดขนาด HTML โดยลบช่องว่างและความคิดเห็น

Markdown เป็น JSON

แปลงเอกสาร Markdown เป็นการแสดง JSON ที่มีโครงสร้าง

คำถามที่พบบ่อย

เครื่องมือนี้ฟรีหรือไม่?
ใช่ เครื่องมือแปลง HTML เป็น JSON นี้ฟรีสมบูรณ์และไม่ต้องลงทะเบียน
HTML ของฉันถูกส่งไปยังเซิร์ฟเวอร์หรือไม่?
ไม่ การประมวลผลทั้งหมดทำงานในเบราว์เซอร์ผ่าน DOMParser โค้ดของคุณไม่เคยออกจากอุปกรณ์
การแปลง HTML เป็น JSON ทำงานอย่างไร?
เครื่องมือใช้ DOMParser API ดั้งเดิมของเบราว์เซอร์แยกวิเคราะห์ HTML จากนั้นวนซ้ำต้นไม้ DOM แบบ recursive โดยบันทึกแต่ละโหนดเป็นออบเจกต์ JSON พร้อมชื่อแท็ก แอตทริบิวต์ ข้อความ และลูก
แอตทริบิวต์และข้อความถูกแสดงอย่างไรใน JSON?
แต่ละองค์ประกอบกลายเป็นโหนดที่มีชื่อแท็ก แมปแอตทริบิวต์ เนื้อหาข้อความ และอาร์เรย์ของโหนดลูก สะท้อนโครงสร้างของต้นไม้ DOM ต้นฉบับ
เครื่องมือรองรับ HTML ที่ไม่ถูกต้องหรือไม่สมบูรณ์หรือไม่?
ใช่ DOMParser ยืดหยุ่นและปฏิบัติตามอัลกอริทึมการแยกวิเคราะห์ HTML เพื่อกู้คืนข้อผิดพลาดทั่วไป เครื่องมือยังตรวจหาและรายงานข้อผิดพลาดด้วย
ฉันสามารถใช้ JSON ที่ได้ในโปรเจกต์อย่างไร?
ดาวน์โหลดไฟล์ JSON และโหลดในภาษาใดก็ได้ เช่น Python, JavaScript หรือ PHP หรือวางใน JSON Formatter เพื่ออ่านง่ายขึ้น