在线打开 MXML 文件:查看、格式化与编辑(Open MXML File)
打开 .mxml 文件不用装 Flash Builder:粘贴或上传 MXML,即可在浏览器里按树形查看 Flex 组件与属性,支持编辑、格式化、校验和下载,本地处理不上传。
粘贴或上传 MXML 文件,查看器会立即将 Adobe Flex 标记渲染为可折叠的交互式树形结构,完整展示每个组件标签、属性及嵌套子元素。支持实时验证 XML 语法、格式化压缩代码以提升可读性,格式化结果可直接复制或下载。全程在浏览器本地处理,数据不会上传至服务器。
MXML输入
0 个字符
MXML查看器
输入MXML以查看结构
输入MXML以查看结构
主要功能
- ✓树状视图: 使用可折叠的树状视图轻松导航复杂的MXML结构。
- ✓验证: 在输入的同时自动校验 MXML 语法。
- ✓隐私优先: 所有处理都在您的浏览器中本地进行。
- ✓格式化: 美化缩小的MXML以提高可读性。
.mxml 扩展名背后的三种文件
同样叫 .mxml,可能出自毫不相干的软件。把文件拖进上方查看器看一眼根元素,最快就能分清是哪一种。
| 来源 | 文件里装的是什么 | 怎么认出来 | 本工具能做什么 |
|---|---|---|---|
| Apache Flex(2011 年由 Adobe 交给 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 IDE,第 4 版之前叫 Flex Builder | 最后版本 4.7(2012 年 12 月);Adobe 核心支持 2017 年结束,延长支持 2019 年结束 |
| ProM | Java 桌面程序 | 过程挖掘框架;早期版本以 MXML 为输入格式,后来改用 XES | 开源(核心 GPL,插件多为 LGPL) |
如何使用 MXML 查看器
- 1
上传或粘贴 MXML
将 .mxml 文件拖入上传区域,或直接将 Adobe Flex 标记粘贴到输入框中。
- 2
查看结构
查看器解析标记并渲染为交互式可折叠树,方便你在组件、属性和嵌套子元素之间自由浏览。
- 3
格式化与验证
点击「格式化」按钮将压缩代码整理为可读形式;无效 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 重新缩进,让组件层级一目了然。它只调整标签之间的换行和缩进:元素顺序、属性、注释、<fx:Script> 之类的 CDATA 块和文字内容都原样保留,所以格式化后的文件描述的仍是同一个 Flex 界面。
- 支持哪些文件类型?
- 可上传 .mxml 文件,也可粘贴任意格式规范的 XML 标记。由于 MXML 构建在 XML 之上,树形视图和格式化工具同样适用于通用 XML 片段。
- mxml 文件怎么打开?
- 先确认它是哪一种:拖进上方查看器,对照本页表格看根元素即可。只想看内容,任何文本编辑器或本工具都能打开;要编译 Flex 界面,需要 Apache Flex SDK 或 VS Code 的 ActionScript & MXML 扩展;过程挖掘日志则用 ProM 分析。
- .mxml 怎么编辑保存?
- 在输入区直接改,改动会即时重新校验,改完点「下载」保存编辑器里的内容;想整理缩进可以先点「格式化」,它不会改动元素顺序和注释。下载的文件名固定为 formatted.mxml,替换原文件(比如游戏 SETTINGS 目录里的配置)前要改回原名;Flex 源码改完还需重新编译才会生效。