MXML 檢視器 - 免費線上 MXML 檔案檢視器和編輯器
線上檢視、編輯並分析 MXML 檔案，以樹狀結構視覺化呈現資料，並可格式化與驗證，免費好用。
貼上或上傳 MXML 檔案，檢視器會立即將 Adobe Flex 標記渲染為可折疊的互動樹狀結構，完整呈現每個元件標籤、屬性及巢狀子元素。系統在輸入時同步驗證 XML 語法，格式化壓縮過的 MXML 以提升可讀性，格式化後的結果可直接複製或下載。全程於瀏覽器本地處理，資料不會傳送至伺服器。
MXML 輸入
0 個字元
MXML 檢視器
輸入 MXML 以檢視結構
輸入 MXML 以檢視結構
主要功能
- ✓樹狀視圖: 使用可折疊的樹狀視圖輕鬆導航複雜的 MXML 結構。
- ✓驗證: 鍵入時自動驗證您的 MXML 語法。
- ✓隱私優先: 所有處理都在您的瀏覽器中本機進行。
- ✓格式化: 美化縮小的 MXML 以提高可讀性。
.mxml 副檔名背後的三種檔案
同樣是 .mxml，可能出自彼此毫無關係的軟體。把檔案拖進上方檢視器、看一眼根元素，就能分辨是哪一種。
| 來源 | 檔案內容 | 辨識方式 | 本工具能做什麼 |
|---|---|---|---|
| Apache Flex（Adobe 於 2011 年交由 Apache 孵化） | Flex 應用程式的介面版面，與 ActionScript 一起由編譯器產出 SWF 或 AIR 應用程式 | 根元素如 <s:Application>，並宣告 xmlns:fx="http://ns.adobe.com/mxml/2009"（Flex 4 起） | 依元件層級展開標籤與屬性；不會實際繪出介面，那需要 Flex 編譯器 |
| 流程探勘事件日誌（Mining eXtensible Markup Language，2003 年出現） | 業務流程的執行紀錄：一筆筆案例與其事件；在 XES（IEEE 1849）接手之前是 ProM 的原生輸入格式 | <WorkflowLog> → <Process> → <ProcessInstance> → <AuditTrailEntry>，事件內含 <WorkflowModelElement>、<EventType>、<Timestamp>、<Originator> | 逐筆展開案例與事件；流程探勘分析請用 ProM |
| 遊戲《No Man's Sky》設定檔 | 遊戲 Binaries/SETTINGS 資料夾中的設定，例如 GCMODSETTINGS.MXML（模組載入順序與 DisableAllMods 開關）、TKGRAPHICSSETTINGS.MXML（畫面設定） | <Data template="…"> 底下排列 <Property name="…" value="…">；檔名多為大寫 | 可檢視與修改數值；下載後檔名為 formatted.mxml，放回遊戲資料夾前要改回原檔名 |
開啟 .mxml 可用的軟體
IANA 媒體類型登錄表中沒有 MXML 專屬類型；內容本身是 XML，伺服器與瀏覽器通常以 application/xml 或 text/xml（RFC 7303）處理。
| 軟體 | 平台 | 能對 .mxml 做什麼 | 現況 |
|---|---|---|---|
| 任何純文字編輯器（記事本、TextEdit、VS Code 等） | Windows / macOS / Linux | 三種 .mxml 都能當成 XML 文字開啟、修改、儲存 | 系統內建或免費 |
| Apache Flex SDK（mxmlc 編譯器） | 命令列 | 將 Flex MXML 與 ActionScript 編譯成 SWF，或封裝為 AIR 應用程式 | 2012 年 12 月成為 Apache 頂級專案，SDK 4.16.1 發布於 2017 年 11 月；瀏覽器端 Flash Player 已於 2020 年底終止支援，AIR 輸出仍受支援 |
| ActionScript & MXML 擴充功能（Bowler Hat，VS Code 用） | Windows / macOS / Linux | MXML 自動完成、重構、中斷點除錯，支援 Adobe AIR、Flash Player 與 Apache Royale | 開源，由社群維護 |
| Moonshine IDE | 桌面與雲端 | 支援 AS3、Apache Flex、Apache Royale、Feathers 的免費開源 IDE | 免費開源 |
| Adobe Flash Builder | 以 Eclipse 為基礎 | 過去官方的 Flex 開發環境，第 4 版以前名為 Flex Builder | 最終版本 4.7（2012 年 12 月）；Adobe 核心支援於 2017 年結束，延伸支援於 2019 年結束 |
| ProM | Java 桌面程式 | 流程探勘框架；早期版本以 MXML 為輸入格式，之後改用 XES | 開源（核心 GPL，外掛多為 LGPL） |
如何使用 MXML 檢視器
- 1
上傳或貼上 MXML
將 .mxml 檔案拖曳至上傳區域，或直接將 Adobe Flex 標記貼入輸入欄位。
- 2
檢視結構
檢視器解析標記並渲染為互動式可折疊樹狀結構，方便在元件、屬性與巢狀子元素之間自由瀏覽。
- 3
格式化與驗證
點擊「格式化」按鈕整理壓縮過的 MXML；無效 XML 會立即標示，便於在匯出前修正語法錯誤。
- 4
複製或下載
將格式化後的 MXML 複製到剪貼簿，或下載為檔案以用於 Flex 專案。
參考資料
- W3C — Extensible Markup Language (XML) 1.0
W3C 制定的 XML 語法規範，是 MXML 標記語言的底層基礎。
- MDN — XML introduction
關於 XML 結構、元素與屬性的實用概述，適用於 MXML 文件的理解與撰寫。
相關工具
常見問題
- MXML 是什麼？
- MXML 是 Adobe Flex 框架使用的基於 XML 的使用者介面標記語言，用於聲明式地配置豐富網際網路應用程式中的元件、容器與資料繫結關係。
- 我的 MXML 資料安全嗎？
- 安全。所有解析皆在瀏覽器中透過 JavaScript 完成，不會向我們的伺服器傳送任何資料，MXML 檔案始終保留在您的裝置上。
- 可以用這個工具線上編輯 MXML 嗎？
- 可以。上傳或貼上檔案後，可直接在編輯器中修改程式碼。點擊「格式化」重新整理縮排，再複製或下載最終結果。
- 可以格式化壓縮過的 MXML 嗎？
- 可以。「格式化」按鈕會對壓縮或單行 MXML 重新縮排並美化，讓元件層次在複製或下載前一目了然。
- 支援哪些檔案類型？
- 可上傳 .mxml 檔案，也可貼上任何格式正確的 XML 標記。由於 MXML 建構在 XML 之上，樹狀視圖與格式化工具同樣適用於一般 XML 片段。
- MXML 檔案要用什麼開啟？
- 先分清楚是哪一種 .mxml：把檔案拖進上方檢視器，對照本頁第一張表看根元素就知道。只想看內容的話，任何純文字編輯器或本工具都打得開；要把 Flex 介面編譯成 SWF 或 AIR 應用程式，需要 Apache Flex SDK 或 VS Code 的 ActionScript & MXML 擴充功能；流程探勘日誌則交給 ProM 分析。
- .mxml 檔案怎麼編輯後存檔？
- 直接在左側輸入區修改，每次改動都會重新檢查 XML 是否正確，出錯時會標出行號與欄位。改好後按「下載」存檔；下載的檔名固定是 formatted.mxml，要覆蓋原檔（例如遊戲 SETTINGS 資料夾裡的設定檔）前記得改回原本的檔名。Flex 原始碼改完後，還要重新編譯才會生效。
- MXML 可以轉成其他格式嗎？
- 本工具的「原始 JSON」分頁會把解析結果以 JSON 呈現（屬性名稱加上 @_ 前綴），可以直接選取複製。若是 Flex 介面，要變成可執行的程式得用 Flex 編譯器輸出 SWF 或 AIR；流程探勘日誌的格式轉換請在 ProM 等流程探勘工具中進行。