Chuyển đổi HTML sang JSON trực tuyến | Miễn phí & An toàn

Chuyển file HTML sang JSON trực tuyến, phân tích cấu trúc thẻ HTML thành cây JSON. Chuyển đổi an toàn ngay trong trình duyệt, miễn phí.

Dán bất kỳ mã HTML nào và công cụ này sẽ lập tức chuyển đổi thành cây JSON có cấu trúc—mỗi phần tử được ánh xạ thành một nút với tên thẻ, thuộc tính, nội dung văn bản, phần tử con và chú thích. Quá trình xử lý diễn ra hoàn toàn trong trình duyệt bằng API DOMParser gốc, không có mã nào được gửi lên máy chủ.

Đầu vào HTML

Tải lên

MẫuTải lênChuyển đổiXóa

Đầu ra JSON

Kết quả JSON sẽ xuất hiện ở đây...

Trình định dạng JSONSao chépTải xuống

Kết quả JSON sẽ xuất hiện ở đây...

Cách chuyển đổi HTML sang JSON

01

Dán mã HTML của bạn hoặc tải lên tệp HTML.

02

Công cụ tự động phân tích cú pháp HTML thành cây JSON.

03

Sao chép hoặc tải xuống đầu ra JSON.

Các tính năng chính

Xử lý phía máy khách

HTML của bạn được phân tích cú pháp trực tiếp trong trình duyệt của bạn. Không có dữ liệu nào được gửi đến bất kỳ máy chủ nào.

Cấu trúc cây DOM

Chuyển đổi các phần tử, thuộc tính, văn bản và nhận xét thành một đối tượng JSON lồng nhau.

Xử lý lỗi

Phát hiện và báo cáo lỗi phân tích cú pháp HTML.

Câu hỏi thường gặp

Công cụ này có miễn phí không?

Có, trình chuyển đổi HTML sang JSON này hoàn toàn miễn phí.

Quá trình chuyển đổi hoạt động như thế nào?

Nó sử dụng API DOMParser gốc của trình duyệt để phân tích cú pháp chuỗi HTML và đệ quy xây dựng biểu diễn JSON của cây DOM.

Bạn có thể cũng cần

Trình xem HTML

Xem trước và chỉnh sửa mã HTML trong thời gian thực.

Mở công cụ

Trình thu nhỏ/định dạng HTML

Thu nhỏ hoặc định dạng văn bản HTML với thụt lề 2/4 khoảng trắng.

Mở công cụ

Markdown sang JSON

Chuyển đổi Markdown AST, bảng và siêu dữ liệu mở đầu sang JSON.

Mở công cụ

XML sang JSON

Chuyển đổi chuỗi XML thành đối tượng JSON.

Mở công cụ

Dán bất kỳ mã HTML nào và công cụ này sẽ lập tức chuyển đổi thành cây JSON có cấu trúc—mỗi phần tử được ánh xạ thành một nút với tên thẻ, thuộc tính, nội dung văn bản, phần tử con và chú thích. Quá trình xử lý diễn ra hoàn toàn trong trình duyệt bằng API DOMParser gốc, không có mã nào được gửi lên máy chủ.

Cách sử dụng công cụ chuyển đổi HTML sang JSON

  1. 1

    Dán hoặc tải lên HTML

    Nhập mã HTML trực tiếp vào trường nhập liệu, hoặc dùng nút Tải lên để mở file .html từ thiết bị của bạn.

  2. 2

    Chuyển đổi sang JSON

    Công cụ phân tích HTML bằng DOMParser và duyệt DOM đệ quy, xây dựng đối tượng JSON lồng nhau cho cây tài liệu.

  3. 3

    Kiểm tra kết quả

    Xem tên thẻ, thuộc tính, văn bản, phần tử con và chú thích của mỗi nút trong bảng đầu ra JSON.

  4. 4

    Sao chép hoặc tải xuống

    Dùng Sao chép để gửi JSON vào clipboard, hoặc Tải xuống để lưu dưới dạng file .json dùng trong code của bạn.

Tài liệu tham khảo

  • WHATWG — HTML Standard

    Đặc tả chuẩn định nghĩa các phần tử HTML, thuộc tính và thuật toán phân tích cú pháp chuyển đổi markup thành cây DOM.

  • MDN — DOMParser

    Web API được công cụ sử dụng để phân tích chuỗi HTML thành tài liệu DOM có thể điều hướng trong trình duyệt.

  • RFC 8259 — JSON

    Đặc tả IETF cho định dạng trao đổi dữ liệu JSON được sử dụng trong kết quả của công cụ.

Công cụ liên quan

Câu hỏi thường gặp

Công cụ này có miễn phí không?
Có, công cụ chuyển đổi HTML sang JSON này hoàn toàn miễn phí và không cần đăng ký.
HTML của tôi có được gửi lên máy chủ không?
Không. Toàn bộ xử lý diễn ra cục bộ trong trình duyệt qua DOMParser. Mã của bạn không bao giờ rời khỏi thiết bị.
Quá trình chuyển đổi HTML sang JSON hoạt động thế nào?
Công cụ dùng API DOMParser gốc của trình duyệt để phân tích HTML, sau đó duyệt cây DOM đệ quy, lưu mỗi nút dưới dạng đối tượng JSON với tên thẻ, thuộc tính, văn bản và phần tử con.
Thuộc tính và văn bản được biểu diễn trong JSON như thế nào?
Mỗi phần tử trở thành một nút với tên thẻ, bản đồ thuộc tính, nội dung văn bản và mảng các nút con—phản ánh cấu trúc của cây DOM gốc.
Công cụ có xử lý được HTML không hợp lệ không?
Có. DOMParser linh hoạt và tuân theo thuật toán phân tích HTML để phục hồi các lỗi phổ biến; công cụ cũng phát hiện và báo cáo lỗi phân tích.
Tôi có thể chuyển đổi HTML sang JSON bằng Python hoặc JavaScript không?
Có, dùng DOMParser trong JavaScript hoặc BeautifulSoup trong Python. Nhưng công cụ này làm điều đó ngay trong vài giây mà không cần viết code.