本文目录
从一张图开始｜图文测试 02
全文共 715 字，阅读约需 2 分钟
这是一篇用于验证2张缩略图的测试内容。围绕「从一张图开始」组织文字与图表，检查列表摘要、正文图片、目录跳转和多页浏览。
本文为界面测试内容，用于验证排版、配图与分页，不代表作者的真实经历。
为什么记录这个问题
这是一篇明确标注的界面测试文章，主题是「从一张图开始」。这里的场景和数字用于验证页面，不是作者真实经历，也不构成正式研究结论。
当一个问题反复出现，可以先写下观察，再把输入、行动与结果分开。这个小练习让文章同时包含短句、长段落和配图，方便检查不同屏幕上的阅读节奏。宽屏应该保持统一的内容边界，手机则应自然换行，不出现横向滚动。
先看见，再解释
先描述现象，暂时不急着寻找原因。可以记录发生的时间、具体行为和观察到的结果，再比较多次记录中是否出现相同的模式。测试图中的数字只是示意，不能当作真实业务数据。
一个可以复用的过程
- 收集输入：保留原始描述，让信息可以回溯。
- 拆解问题：把复杂问题分成几件可以单独验证的小事。
- 记录反馈：说明尝试了什么，得到了什么结果。
- 整理下一步：给下一次行动留下清楚的起点。
测试提示：点击右侧目录按钮，选择任意章节。页面应滚动到对应位置，目录也应跟随阅读位置更新。
用表格整理观察
| 阶段 | 需要记录的内容 | 本次测试目标 |
|---|---|---|
| 输入 | 问题、材料与约束 | 检查长文本换行 |
| 行动 | 方法、顺序与过程 | 检查列表与段落间距 |
| 反馈 | 结果、疑问与下一步 | 检查表格及目录跳转 |
图片与文字放在一起
列表缩略图与正文配图统一使用 900 × 500px 的 9:5 显示比例，并按可用宽度等比例缩放。历史图片保持完整画面，比例不同时留白，不拉伸也不裁切。缩略图帮助快速浏览，正文图片用来解释上下文；单张、两张和三张图片都应该拥有稳定的间距。
留给下一次的记录
回到最初的问题，把已经确认的事实和仍待验证的想法分别写下来。文章结束时不必急着得出宏大的结论，一个具体、可执行的下一步就足够。
本篇测试还覆盖上下篇文章链接、页脚导航以及手机端目录弹层。它可以在完成验收后，连同其他带有 testContent: true 的文章一起清理。