在线打开 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 / LinuxMXML 补全、重构、断点调试,支持 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 年结束
ProMJava 桌面程序过程挖掘框架;早期版本以 MXML 为输入格式,后来改用 XES开源(核心 GPL,插件多为 LGPL)

如何使用 MXML 查看器

  1. 1

    上传或粘贴 MXML

    将 .mxml 文件拖入上传区域,或直接将 Adobe Flex 标记粘贴到输入框中。

  2. 2

    查看结构

    查看器解析标记并渲染为交互式可折叠树,方便你在组件、属性和嵌套子元素之间自由浏览。

  3. 3

    格式化与验证

    点击「格式化」按钮将压缩代码整理为可读形式;无效 XML 会即时标出,便于在导出前修复语法错误。

  4. 4

    复制或下载

    将格式化后的 MXML 复制到剪贴板,或下载为文件以用于 Flex 项目。

参考资料

相关工具

常见问题

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 源码改完还需重新编译才会生效。