XML 轉 JSON

在左側輸入 XML 開始轉換

就緒

免費線上 XML 轉 JSON 工具，基於瀏覽器 DOMParser 解析 XML 並自動轉換為標準 JSON 物件。XML 屬性直接對映為欄位，重複元素自動合併為陣列，元素文字存入 value 欄位；同時支援 JSON 和 YAML 雙格式輸出、prettyPrint 格式化和 XML 錯誤自修復，純瀏覽器本地處理。

關於 XML 轉 JSON：把 XML 資料自動轉換為標準 JSON 物件

XML 轉 JSON 是把 XML（eXtensible Markup Language）格式的資料（SOAP 報文、RSS 訂閱、設定檔）轉換為 JSON（JavaScript Object Notation）物件的過程。XML 是企業系統、SOAP Web Service、設定檔、Office 文件的傳統資料格式，JSON 是現代 Web API、JavaScript、NoSQL 資料庫的事實標準。兩種格式各有所長：XML 嚴格自描述、廣泛支援命名空間和 schema 驗證；JSON 簡潔易解析、天然適配 JavaScript。開發中常需要把 XML 報文轉為 JSON 供現代前端或微服務使用，本工具就是為了自動化這個過程。

本工具的核心是使用瀏覽器原生 DOMParser 解析 XML，並自動遍歷 DOM 樹生成 JSON 物件。DOMParser 是瀏覽器內建的 XML 解析器，遵循 W3C DOM 標準，支援 XML 命名空間、CDATA、註解、屬性等所有 XML 1.0 特性。基於 DOM 解析的優勢是零相依性、效能好、標準合規。

轉換對映規則非常直觀：每個 XML 元素轉為 JSON 物件，元素的屬性直接轉為物件的欄位（不使用 @ 前綴，避免常見的混亂命名約定）；元素的文字內容存入 value 欄位；同名重複元素自動合併為陣列。例如 <bookstore><book id="1"><title>Great Gatsby</title></book><book id="2"><title>Brief History</title></book></bookstore> 會被轉為 {bookstore: {book: [{id: "1", title: {value: "Great Gatsby"}}, {id: "2", title: {value: "Brief History"}}]}}。

屬性對映採用無前綴的直映模式是本工具的關鍵設計選擇。許多 XML 轉換工具會使用 @attribute、#text 等特殊前綴來區分屬性和文字，這雖然準確但產生的 JSON 結構較為奇怪，難以在 JavaScript 中直接使用。本工具的屬性直接對映讓生成的 JSON 更接近真實業務資料模型，開發者可以直接在 TypeScript interface 中定義對應類型。

重複元素的陣列化是 XML 轉 JSON 的另一個關鍵設計。XML 沒有原生的陣列概念，需要透過重複元素（如多個 <item>）表示清單資料。本工具自動偵測同一父元素下的同名重複標籤並合併為陣列，符合 JSON 的清單語義，避免資料丟失或需要手動合併。

雙格式輸出（JSON + YAML）是本工具的差異化設計。YAML 是另一種流行的資料序列化格式，在 Kubernetes、Docker Compose、Ansible、GitHub Actions 等配置場景廣泛使用。工具內建簡易 YAML 轉換器，支援標準的 2 空格縮排、清單前綴 -、鍵值對 : 分隔。點擊 JSON/YAML 切換按鈕即可在兩種格式間即時切換。

XML 錯誤自修復（tryFixXML）提升了工具的容錯性。現實中使用者輸入的 XML 經常缺少 XML 宣告（<?xml version="1.0"?>），或者自閉合標籤（如 <br>、<img>）使用了 HTML 風格的 <br> 而不是 XML 風格的 <br />。工具會自動新增 XML 宣告、補全自閉合標籤的 /，使更多不規範的 XML 能被 DOMParser 正確解析。

XML 格式化與壓縮（formatXML/compressXML）基於 xml-formatter 函式庫。prettyPrint 模式輸出 2 空格縮排、保留換行的可讀 XML；壓縮模式輸出無空白、單行的緊湊 XML 適合網路傳輸。開發人員可以直接用工具壓縮 XML 後儲存到資料庫，節省 30-50% 儲存空間。

即時自動轉換是工具的實用功能。輸入 XML 後 500ms 防抖自動觸發轉換，配合 6 個鍵盤快捷鍵（macOS ⇧⌘+F/C/T/O/D/K），使用者可以快速完成格式化、壓縮、轉換、上傳、下載、清空等常用操作，無需滑鼠點擊。

純瀏覽器本地處理是本工具的核心架構。所有 XML 解析、DOM 遍歷、JSON 序列化、YAML 轉換都在瀏覽器 JavaScript 中執行，DOMParser 由瀏覽器原生提供（無需打包 XML 解析函式庫），xml-formatter 是輕量級 npm 包（不到 30KB）。原始 XML 資料不上傳到伺服器，敏感 SOAP 報文（如包含訂單資訊、使用者資料）可在本地安全處理。

適用場景

對接支付閘道、ERP、CRM 等只回傳 XML 響應的遺留企業 API 時，把 XML 報文快速轉為 JSON 供現代前端或 Node.js 後端使用。
解析 RSS / Atom 訂閱源為 JSON，方便在 Web 前端展示、聚合到統一 feed 閱讀器，或匯入資料庫。
讀取 Spring、Tomcat、Apache 等 Java 應用的 XML 設定檔（web.xml、applicationContext.xml），轉為 JSON 後用 jq 查詢或匯入其他工具。
把 SOAP 1.1/1.2 協定的 XML 響應轉為 JSON，配合 Node.js 的 jsonwebtoken、lodash 等函式庫進行後續處理。
解析 Maven 的 pom.xml、Ant 的 build.xml 等建構指令稿為 JSON，用作專案中繼資料視覺化、依賴分析等。
把 RSS feed、Sitemap XML、Atom 訂閱源轉為 JSON 格式儲存到 Elasticsearch、MongoDB 等現代資料庫。
對接醫療、金融行業的 HL7、ISO 20022 等基於 XML 的行業標準資料格式時，把 XML 報文轉為 JSON 供現代微服務處理。
把 Google Merchant Center、Sitemap.org 等 SEO 相關的 XML 檔案（sitemap.xml、robots.xml）轉為 JSON 供爬蟲或分析工具使用。

使用方法

在左側輸入框貼上 XML 內容，或點擊「上傳」按鈕選擇 .xml/.txt 檔案，或點擊「範例」載入內建的 bookstore 範例。
工具會自動轉換（輸入後 500ms 防抖）；在右側查看轉換後的 JSON 或 YAML，CodeMirror 語法高亮便於閱讀。
點擊右側工具列的 JSON / YAML 按鈕即時切換輸出格式。也可以使用「格式化」（⇧⌘+F）或「壓縮」（⇧⌘+C）按鈕調整 XML 輸入的格式。
點擊「複製」將 JSON/YAML 複製到剪貼簿，或點擊「下載」儲存為對應副檔名的檔案（output.json / output.yaml / output.xml）。
如需修復 XML 語法錯誤，點擊錯誤提示旁的「修復」按鈕，工具會呼叫 tryFixXML 自動新增 XML 宣告和補全自閉合標籤。
將 JSON 貼到目標程式碼中（如 TypeScript interface 定義、API 響應類型等），或匯入到後端服務進行進一步處理。

功能特點

智慧 DOM 樹解析：基於瀏覽器原生 DOMParser 解析 XML，自動遍歷節點樹生成標準 JSON 物件，零相依性。
屬性直接對映：XML 屬性（如 id="1"、category="fiction"）直接轉為 JSON 物件的普通欄位，無需 @ 前綴。
重複元素陣列化：同名重複 XML 元素自動合併為 JSON 陣列（{book: [{...}, {...}]}），符合常見資料結構約定。
文字節點提取：元素文字內容自動存入 value 欄位，與屬性和子元素並列保留。
雙格式輸出：一鍵切換 JSON（prettyPrint 2 空格縮排）和 YAML（2 空格縮排、清單前綴 -）雙格式，適配不同應用場景。
XML 錯誤自修復：內建 tryFixXML 修復函式，自動新增缺失的 XML 宣告，補全 br/hr/img 等自閉合標籤。
XML 格式化壓縮：使用 xml-formatter 函式庫支援 prettyPrint 美化輸出和 minify 壓縮輸出（2 空格縮排或無空白）。
即時自動轉換：輸入 XML 後 500ms 防抖自動轉換，無需手動點擊，輸出即時同步更新。
JSON/XML 雙重高亮：左側 CodeMirror XML 語法高亮，右側根據格式切換 JSON 或 YAML 高亮。
完整快捷鍵體系：6 個常用快捷鍵（格式/壓縮/轉換/上傳/下載/清空），支援 macOS 和 Windows/Linux。
複製與下載：一鍵複製到剪貼簿，或下載為標準 output.json/output.yaml/output.xml 檔案（按目前格式自動選擇副檔名）。
純瀏覽器本地處理：所有 XML 解析、DOM 遍歷、JSON 序列化都在瀏覽器 JavaScript 中完成，原始資料不上傳，DOMParser 由瀏覽器原生提供。

常見問題

怎麼把 XML 轉成 JSON 格式？

把 XML 內容貼到左側輸入框，工具會使用瀏覽器原生 DOMParser 解析 XML，並將 DOM 樹自動轉換為標準 JSON 物件。根節點用 { [tagName]: {...} } 包裝，屬性對映為普通欄位（無 @ 前綴），元素文字存入 value 欄位，重複同名元素自動合併為陣列。500ms 後自動轉換，無需手動點擊。

XML 中的屬性和文字節點會如何轉換？

本工具採用直觀的對映模式：XML 屬性直接對映為 JSON 物件的普通欄位（例如 <book id="1"> 轉為 {id: "1", ...}），不再使用 @ 前綴；元素的文字內容存入 value 欄位（如 <title>Great Gatsby</title> 轉為 {value: "Great Gatsby"}）。屬性 + 文字共存時，兩者並列在同一物件中。

XML 中多個重複的同名元素會自動變成 JSON 陣列嗎？

會的。工具會自動偵測同一父元素下的多個重複元素標籤（如 <bookstore> 下的 3 個 <book>），並將它們合併為 JSON 陣列。例如 <bookstore><book>...</book><book>...</book></bookstore> 會變成 {bookstore: {book: [{...}, {...}]}}。這種約定符合 XML 處理中最常見的資料結構。

純文字節點會如何處理？

當 XML 元素沒有屬性只有文字內容時，工具直接返回文字字串（如 <name>Alice</name> 轉為 "Alice"）。當元素同時有屬性和文字時，屬性和文字並列在同一物件中（{attr: "...", value: "..."}）。當元素有子元素時，子元素作為物件欄位，文字內容合併為 value 欄位。

遇到格式不規範（如缺少閉合標籤）的 XML 能轉換嗎？

可以。工具內建 tryFixXML 修復函式，會自動新增缺失的 XML 宣告（<?xml version="1.0" encoding="UTF-8"?>），並自動為 br、hr、img 等常見的自閉合標籤補全 /。這一設計顯著提升了對老舊系統、不規範第三方介面的相容性。

支援哪些 XML 檔案類型？

支援 .xml 和 .txt 檔案（UTF-8 編碼）。點擊「上傳」按鈕選擇本地檔案，工具透過瀏覽器原生 FileReader API 讀取，不會上傳到伺服器。上傳成功後內容自動填入輸入框並觸發自動轉換。

可以同時輸出 JSON 和 YAML 嗎？

可以。工具支援 JSON 和 YAML 雙格式輸出。點擊右側工具列的 JSON/YAML 切換按鈕即可即時切換輸出格式。JSON 格式帶 2 空格 prettyPrint；YAML 格式採用標準的 2 空格縮排、清單前綴 -、鍵值對 : 分隔，可直接用於 Kubernetes、Docker Compose、Ansible 等配置場景。

下載的檔案名是什麼？

根據目前輸出格式自動選擇副檔名：選擇 JSON 格式時下載 output.json，選擇 YAML 格式時下載 output.yaml，輸入但未轉換時下載 output.xml（保持原格式）。所有檔案均為 UTF-8 編碼，可被對應格式的解析器直接讀取。

鍵盤快捷鍵有哪些？

工具支援以下快捷鍵：macOS 使用者 ⇧⌘+F 格式化、⇧⌘+C 壓縮、⇧⌘+T 轉換、⇧⌘+O 上傳、⇧⌘+D 下載、⇧⌘+K 清空；Windows/Linux 使用者用 Ctrl 替代 ⌘。共 6 個快捷鍵覆蓋完整工作流。

支援 XML 命名空間（namespace）嗎？

本工具基於 DOMParser 解析 XML，原生支援 XML 命名空間（xmlns）。命名空間前綴會作為元素名稱的一部分保留在 JSON 中，例如 <svg:circle> 會變成 {svg:circle: {...}}。如果要存取跨命名空間的元素，需要在 JSON 解析端透過命名空間前綴識別。

支援 CDATA 段嗎？

支援。CDATA 段（<![CDATA[...]]>）中的內容會被 DOMParser 自動合併到元素的 textContent 中，工具會像處理普通文字節點一樣將其提取到 JSON 的 value 欄位。但因為 CDATA 是 XML 節點類型而非字串，原 CDATA 與普通文字在 JSON 輸出中無法區分。

支援哪些輸入檔案大小？

理論上無硬性上限，受瀏覽器記憶體限制。一般 1-2 MB 以內的 XML 可流暢處理；更大檔案可能因 DOMParser 記憶體佔用較大而變慢。如果處理大型 SOAP 報文或 RSS feed 出現卡頓，建議先在本地 XML 編輯器中精簡或拆分。

故障排查

JSON 解析報 'unclosed token' 錯誤？

原因通常是 XML 缺少閉合標籤、屬性引號未成對、或特殊字元未轉義。點擊錯誤提示旁的「修復」按鈕呼叫 tryFixXML 自動新增 XML 宣告、補全自閉合標籤。如果仍無法解析，手動檢查 XML 結構或在瀏覽器開發者工具中用 document.documentElement.outerHTML 查看解析結果。

屬性的順序在 JSON 中與 XML 中不一致？

JSON 標準不保證屬性順序，工具按元素屬性的原始程式碼順序對映。如果業務對順序敏感，建議在解析後的 JSON 中使用 Lodash 的 toPairs 或類似工具重建為有序陣列。但絕大多數 JavaScript 引擎（V8、SpiderMonkey）會按插入順序保留字串鍵。

同名元素只有一個時不會變成陣列，怎麼處理？

工具目前僅在偵測到同名重複元素時轉為陣列；如果只有一個同名元素，工具會保留為單個物件。如果你需要強制陣列化（即使只有 1 個元素），可以先轉換後用 lodash 的 castArray 包裝：[result].flat() 或用 JSON Schema 校驗強制陣列。

如何保留 XML 屬性中的特殊字元（如 <、&）？

DOMParser 會自動反轉義屬性值，工具會保留反轉義後的內容。如果原始 XML 中寫的是 <，轉換後 JSON 中的值是 <。這是 XML 標準行為，符合使用者預期。如需保留原始轉義形式，可使用 xml-formatter 函式庫或自實作的 XML tokenizer 替代 DOMParser。

為什麼 YAML 輸出沒有型別資訊？

YAML 格式本身支援型別（如 12 是 number，true 是 boolean，null 是 null），但本工具的簡易 YAML 轉換器將所有值序列化為字串。如果需要保留型別，可使用 js-yaml 等成熟的 YAML 函式庫，或在解析端透過 JSON Schema 驗證後再強制型別。

如何處理包含 XML 處理指令（PI）的輸入？

DOMParser 預設將 XML 處理指令（如 <?xml-stylesheet ...?>）保留為 document.firstChild 的 ProcessingInstruction 節點。本工具目前只遍歷 Element 節點，處理指令會被忽略。如需保留，可在使用前手動提取 document.firstChild.nodeValue。

下載的 .json 檔案用什麼打開？

下載檔案 output.json 是 UTF-8 編碼的標準 JSON 檔案，可用任何文字編輯器（VS Code、Sublime、Notepad++）或專業 JSON 工具（jq、JSDoc）打開。可直接拖入瀏覽器查看格式化結構。JavaScript、Python、Node.js、Java、Go 等幾乎所有程式語言都內建 JSON 解析器。

術語表

XML（eXtensible Markup Language）: 可延伸標記語言，由 W3C 於 1998 年制定。使用尖括號標籤描述資料結構和內容，支援命名空間、Schema 驗證、XSLT 轉換。是 SOAP Web Service、Office Open XML、RSS、Atom 等的標準格式。
JSON（JavaScript Object Notation）: 輕量級資料交換格式，基於 JavaScript 物件語法但獨立於程式語言。支援物件 ({}), 陣列 ([]), 字串, 數字, 布林, null 六種基本型別。是現代 Web API、NoSQL 資料庫、JavaScript 生態的事實標準。
DOMParser: 瀏覽器原生 API（W3C DOM 標準），將 XML 或 HTML 字串解析為 DOM 樹。所有現代瀏覽器（Chrome、Firefox、Safari、Edge）都內建支援，無需引入第三方函式庫。基於 DOM 樹可以方便地遍歷、查詢、修改 XML 內容。
xml-formatter: 輕量級 JavaScript 函式庫（不到 30KB），用於格式化（prettyPrint）和壓縮（minify）XML 文件。支援自訂縮排、換行符、collapseContent 等選項。本工具使用它提供 XML 格式化和壓縮功能。
屬性對映（attribute mapping）: XML 元素屬性轉為 JSON 物件欄位的對映方式。本工具採用直映模式：<book id="1"> 轉為 {id: "1"}，不使用 @ 前綴。生成更乾淨的 JSON 結構，TypeScript interface 定義更簡單。
重複元素陣列化: XML 中同名重複元素（如多個 <item>）自動合併為 JSON 陣列。這是 XML 轉 JSON 的關鍵設計決策，符合 JSON 的清單語義，避免資料丟失。
value 欄位: 本工具約定的 XML 元素文字內容欄位名。元素 <title>Great Gatsby</title> 轉為 {value: "Great Gatsby"}。如果元素同時有屬性和文字，屬性和 value 並列在同一物件中。
YAML（YAML Ain't Markup Language）: 人類友好的資料序列化格式，廣泛用於 Kubernetes、Docker Compose、Ansible、GitHub Actions 等設定檔。本工具支援簡單 YAML 輸出，2 空格縮排、清單前綴 -、鍵值對 : 分隔。
SOAP（Simple Object Access Protocol）: 基於 XML 的 Web 服務通訊協定。SOAP 訊息由 SOAP envelope（XML 命名空間）包裹，內含 header 和 body（XML payload）。本工具可解析 SOAP 訊息為 JSON 供現代 JavaScript 服務使用。
RSS / Atom feed: 基於 XML 的內容訂閱格式。RSS 2.0 格式以 <rss><channel><item> 結構組織內容，Atom 使用 <feed><entry> 結構。本工具將 RSS/Atom 轉為 JSON 陣列便於在前端展示或聚合到資料庫。
XML 命名空間（namespace）: 透過 xmlns 屬性避免元素名稱衝突的機制，格式如 xmlns:prefix="uri"。DOMParser 原生支援命名空間，命名空間前綴會作為元素名稱的一部分保留在 JSON 中。
CDATA 段: XML 中的特殊語法 <![CDATA[...]]>，用於在元素內嵌入含特殊字元（如 <、>、&）的文字而無需轉義。DOMParser 會將 CDATA 內容合併到元素的 textContent 中，工具按普通文字處理。
tryFixXML: 本工具內建的 XML 修復函式，會自動新增缺失的 XML 宣告（<?xml version="1.0" encoding="UTF-8"?>），並為 br、hr、img 等常見自閉合標籤補全 /。處理老舊系統或不規範第三方介面的髒資料。
prettyPrint: xml-formatter 函式庫的輸出模式。啟用後生成的 XML 自動加入縮排和換行（如 2 空格縮排），可讀性高；停用時輸出緊湊無空白（minify）。

XML 元素到 JSON 欄位的對映規則

本工具基於 DOMParser 解析的轉換對映規則：

XML 結構	XML 範例	JSON 輸出	對映規則
`element with attrs`	`<book id="1" category="fiction"/>`	`{"id": "1", "category": "fiction"}`	屬性直接對映為物件欄位（無 @ 前綴）
`element with text`	`<title>Great Gatsby</title>`	`{"value": "Great Gatsby"}`	元素文字內容存入 value 欄位
`attrs + text`	`<price currency="USD">12.99</price>`	`{"currency": "USD", "value": "12.99"}`	屬性和文字並列在同一物件
`no attrs, no text`	`<book id="1"/>`	`{"id": "1"}`	只有屬性，無 value 欄位
`nested elements`	`<book><title>Gatsby</title></book>`	`{"title": {"value": "Gatsby"}}`	子元素轉為物件欄位
`repeated elements`	`<books><book/><book/></books>`	`{"book": [{}, {}]}`	同名重複元素自動合併為陣列
`root element`	`<bookstore>...</bookstore>`	`{"bookstore": {...}}`	根節點用 { [tagName]: ... } 包裝
`namespace prefix`	`<svg:circle/>`	`{"svg:circle": {...}}`	DOMParser 原生支援命名空間

JSON vs YAML 輸出格式對比

本工具支援的兩種輸出格式的特點和適用場景：

維度	JSON	YAML	說明
語法	{ } : [ ] 簡潔	縮排 + - 清單	JSON 更簡潔，YAML 更易讀
資料型別	原生 number/bool/null	原生 number/bool/null	兩者都保留型別
縮排	2 空格縮排	2 空格縮排	本工具統一使用 2 空格
陣列	[1, 2, 3]	- 1\n- 2\n- 3	JSON 用方括號，YAML 用破折號
註解	不支援（標準）	# 註解	YAML 支援註解
可讀性	中等（括號噪音）	高（接近自然語言）	YAML 可讀性更好
使用場景	REST API、前後端	K8s、Docker、CI/CD	Web 用 JSON，配置用 YAML

XML 與 JSON 格式對比

兩種資料格式在不同維度上的對比，幫助理解何時選擇 XML 或 JSON：

維度	XML	JSON	說明
語法	< > </> 冗長	{ } : [ ] 簡潔	JSON 語法更簡潔，XML 標籤更冗長但可讀性高
資料型別	全是字串	原生 number/bool/null	JSON 保留型別，XML 需靠 schema 驗證型別
陣列	重複元素 <i>1</i><i>2</i>	原生 [1,2,3]	JSON 陣列簡潔，XML 陣列依賴命名約定
註解	<!-- 註解 -->	不支援（標準）	XML 支援註解，JSON 標準不支援
命名空間	xmlns 支援	無	XML 避免大型文件的命名衝突
Schema 驗證	XSD / DTD	JSON Schema	兩者都有成熟的 schema 驗證機制
解析效能	較慢（標籤開銷）	更快（~3-5x）	JSON 解析更簡單，XML 解析更複雜
使用場景	SOAP、企業、Office	REST API、前後端	現代 Web 用 JSON，傳統企業用 XML

Privacy & Security

本 XML 轉 JSON 工具所有操作完全在你的瀏覽器本地完成：XML 解析（基於瀏覽器原生 DOMParser）、DOM 樹遍歷、JSON 序列化、YAML 轉換全部透過瀏覽器 JavaScript 在用戶端執行，xml-formatter 是唯一外部相依性（小於 30KB 的 npm 包）。原始 XML 資料不上傳到任何伺服器。檔案上傳使用瀏覽器原生 FileReader API 直接讀取到記憶體，不經過任何中介服務。不使用 Cookie 追蹤，不收集任何使用者輸入或使用資料。關閉或重新整理頁面後，所有輸入和輸出內容自動從記憶體清除。適合處理含敏感業務資料（訂單資訊、使用者憑證、企業 API 響應）的 XML 報文。