【开发实测】HTML · 常见问题与排查步骤 07

开发站实测内容：常见问题与排查步骤。本篇用于检查页面样式与交互，不代表正式业务说明。

开始之前

先确认当前页面标题、章节导航、正文和右侧目录均正常显示。请分别在电脑与手机上查看，测试浅色和暗色主题。本文编号 7。

操作步骤

每次只完成一项操作，核对结果后继续下一步。页面中的所有说明均为测试文本，不会发起支付或连接外部服务。

1. 选择目标章节并打开文档。
2. 检查标题、段落、列表和表格。
3. 点击右侧目录定位至对应段落。

基础设置

填写信息后先核对展示效果。较长的中文内容应自然换行，不应挤压侧边栏或超出屏幕。

需要注意的事项

• 普通加粗文字不是章节标题。
• 正文使用二级和三级标题形成层级。
• 已有自定义锚点应继续有效。

数据示例与检查清单

检查项目	预期结果	状态说明
页面宽度	随浏览器宽度变化	不锁定为窄版内容区
目录定位	跳转到相应标题	地址附带标题锚点
主题切换	正文和导航同步变化	暗色仍清晰可读

代码与格式展示

{
  "preview": true,
  "format": "html",
  "step": 7
}

以上代码仅用于排版展示，不会自动执行。重点内容、补充说明和页内链接应保留各自的语义。

常见问题

问题 1：如何确认展示正常？

检查字体、颜色、段落间距以及在不同屏幕上的换行。内容较长时，请向下滚动，观察右侧目录是否随阅读位置更新。返回页面顶部后，也可以再次点击目录核对定位效果。

问题 2：如何确认展示正常？

检查字体、颜色、段落间距以及在不同屏幕上的换行。内容较长时，请向下滚动，观察右侧目录是否随阅读位置更新。返回页面顶部后，也可以再次点击目录核对定位效果。

问题 3：如何确认展示正常？

检查字体、颜色、段落间距以及在不同屏幕上的换行。内容较长时，请向下滚动，观察右侧目录是否随阅读位置更新。返回页面顶部后，也可以再次点击目录核对定位效果。

问题 4：如何确认展示正常？

检查字体、颜色、段落间距以及在不同屏幕上的换行。内容较长时，请向下滚动，观察右侧目录是否随阅读位置更新。返回页面顶部后，也可以再次点击目录核对定位效果。

问题 5：如何确认展示正常？

检查字体、颜色、段落间距以及在不同屏幕上的换行。内容较长时，请向下滚动，观察右侧目录是否随阅读位置更新。返回页面顶部后，也可以再次点击目录核对定位效果。

继续阅读

完成以上检查后，可通过上一篇、下一篇和左侧章节继续浏览其他测试文档。测试内容统一带有“开发实测”标记，后续可以按清单清理。