# 界面截图结构化、人工校对与开发交付

把一张获授权的界面截图整理为经人工校对的组件树、结构 JSON 与开发说明，记录坐标来源、识别遗漏和修改依据，不把视觉推断当成原始代码。

> 标准页面: https://elysiatools.com/zh/hubs/ui-screenshot-structure-review-and-development-handoff

- **关键词:** 界面截图转 JSON 工作流, 组件树人工校对, 截图开发交付, 视觉布局结构化

## 常见问题

### 能恢复原始 HTML 和 CSS 吗？

不能。输出根据像素估计可见结构和样式；DOM、隐藏行为、键盘操作与响应式规则需要源码证据或后续实现测试。

### 精细模式能保证坐标正确吗？

不能。它最多增加两次局部复查，无效补丁保留局部失败状态。可选本地英文 OCR 只对附近高置信度、文字完全匹配的框做对齐；其他框仍是估计，模型置信度不等于实测准确率。

### 遮盖后就保证没有数据留存吗？

不保证。遮盖在上传前替换像素，但仍适用服务方保留政策。文字说明、图片元数据、上下文和导出备注也要检查，受限原图不要进入共享包。

### JSON 验证通过就能验收开发了吗？

不能。schema 检查结构及受支持约束，不验证视觉事实；文字、坐标、引用和覆盖率要人工审阅，行为、响应式与无障碍要在实现页面另测。

## 相关内容

- [网站视觉样式盘点与设计令牌复核交付](https://elysiatools.com/zh/hubs/website-style-inventory-and-design-token-review-handoff): 采集获准公开页面，对照截图核查观察到的样式，复核颜色组合与令牌变化，交付可追溯的设计说明，不把采样结果冒充原始设计系统。
- [网页改版响应式视觉回归审核与证据交付](https://elysiatools.com/zh/hubs/responsive-page-change-review-and-evidence-handoff): 固定视口与测试条件，对比网页改版前后的实际截图，复核布局和颜色变化，交付含问题分级、复测结论与文件哈希的验收证据包。
- [操作截图到可复核图文指南与培训交付](https://elysiatools.com/zh/hubs/screenshot-based-procedure-guide-review-and-handoff): 将一个获授权的操作任务整理成图文指南，人工核对步骤配图、敏感信息和独立试做结果，交付审核后的 HTML、打印 PDF 与可编辑项目。