时序图编辑器
时序图编辑器. 编辑参与者与消息顺序，生成可下载时序图。 你的文件留在此设备，处理在浏览器中完成。
使用工具需要启用 JavaScript。文件会在你的浏览器内处理。
说明谁在什么顺序下做了什么
时序图关注参与者和消息顺序，适合说明一次请求、一个用户操作或组件之间的交互。可以从浏览器本地转换示例开始，也可以添加项目中的人或系统组件。参与者标题应简短明确，水平位置可拖动或通过 X 坐标调整。每个参与者都有生命线，消息按下方列表顺序从上到下排列。在连线表单里选发送方和接收方，写明消息内容，再选择实线或虚线。同一个参与者发给自己的消息会画成回折的自调用线，而不会缩成看不见的零长度线。
调整顺序，不必重写整张图
消息列表里的“提前”“推后”按钮会改变消息顺序，同时调整画面里的垂直位置和导出的 Mermaid 顺序。常见做法是用实线表示请求、虚线表示响应，但具体含义应由消息文字准确说明。选中消息后可修改两端与文字。导入支持 sequenceDiagram、participant 或 actor 声明、参与者别名，以及 ->> 和 -->> 消息。actor 会以带标题的参与者框显示。循环、条件分支、注释块、激活条与配置指令不在此精简编辑器的支持范围，遇到时会在替换当前图表之前明确报错。若项目依赖这些高级表达，应同时保留更完整的原始设计文档。
同时保留图片与可编辑副本
编辑器完全在当前浏览器内运行，不需要账号，也不会把图表内容传给转换服务器。修改会自动保存在此工具对应的 localStorage 中，方便下次继续，但本地保存并不等于备份：无痕模式、清除网站数据或更换设备后，原稿可能无法恢复。建议在完成一个阶段后下载 Mermaid 文件，其中既有结构，也有记录节点坐标的注释。SVG 适合排版和放大打印，PNG 适合演示文稿和消息分享；两者只包含图表，不包含编辑按钮。分享前请打开下载结果检查文字和关系。若 PNG 尺寸超出限制，界面会明确报错，可把节点移近或改用 SVG。 “打包 ZIP”会把同一版本的 PNG、SVG、Mermaid 和 JSON 模型放入一个压缩包。重新导入本编辑器时，请使用 Mermaid 文件内容。
常见问题
这会实际运行或模拟我的系统吗？
不会。消息线用于解释流程，工具不会调用服务、执行 API，也不会验证请求是否成功。适合记录已观察到的流程，或讨论拟议的交互。
交给同事时应该导出什么？
文档展示可用 SVG 或 PNG；需要继续修改参与者、文字或消息顺序时，应同时提供 Mermaid 文本。分享前打开图片检查长文字是否易读。