需人工标记旧版JSON中三类关键组件，再通过结构调试模式获取新版UI树JSON，用VS Code插件或命令行比对parentPath等嵌套关系，确保核心字段、按钮与区块位置一致。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你需要快速确认码上飞AI生成的页面布局在改版前后是否保持核心结构一致，避免因自动重排导致关键字段错位、操作按钮消失或表单逻辑断裂。
提取原始布局快照
在旧版应用编辑页右上角点击「导出配置」→选择「仅导出UI结构（JSON）」→保存为 【layout_v1.json】。这一步必须做，否则后续无法比对——码上飞不保留历史UI快照，改版后旧结构即被覆盖。
打开该JSON文件，用文本编辑器搜索 "componentType" 字段，人工标记出3类关键组件：①必填表单项（如“报修人姓名”“故障描述”）；②主操作按钮（如“提交报修”“分配任务”）；③数据展示区块（如“维修记录列表”“统计图表容器”）。
获取新版布局结构
进入码上飞新版本编辑界面，点击左下角「开发设置」→勾选「启用结构调试模式」→刷新页面。
按 Ctrl+Shift+I 打开浏览器开发者工具 → 切换到 Console 标签页 → 粘贴并执行以下代码：
JSON.stringify(window.__CODEFLYING_UI_TREE__, null, 2) → 回车 → 复制输出的完整JSON内容 → 保存为 【layout_v2.json】。
注意：必须在「结构调试模式」开启状态下执行，否则输出的是运行时DOM而非码上飞原生UI树，比对会完全失真。
比对关键节点位置与嵌套关系
方法一：用VS Code安装插件「Compare Folders」，将两个JSON文件拖入对比窗口 → 展开根节点下的 components 数组 → 逐项核对相同 componentId 的 parentPath 值是否一致。parentPath 变化意味着该组件被挪动了父容器，可能影响响应式行为。
方法二：命令行快速筛查（适用于Mac/Linux）：
diff 。
若输出为空，说明该按钮父路径未变；若有差异，立刻检查其所在容器是否被替换为Flex布局或Grid布局。
重点验证「维修记录列表」组件的 children.length 值：v1中为8，v2中必须≥8。少于8说明字段被AI自动折叠或合并，需手动还原。
