模板改变后,真正需要先查的不是“页面好不好看”,而是内容是否仍在原位置完整呈现。比较稳妥的判断顺序是:先把旧模板下的正文、标题、图片说明、表格和按钮文案导出为纯文本基线,再用新模板逐页渲染,找出多出来的字符和消失的段落。溢出通常表现为文字被截断、行高异常、横向滚动或模块被撑开;缺项则表现为整块内容不再输出、字段为空或条件判断把某类内容过滤掉。两者可能同时存在,所以不能只看页面截图是否整齐。
一个常见矛盾是:首页和栏目页检查通过,但详情页、列表页或移动端出现文字被截、图片说明消失、按钮文案被覆盖。出现这种结果,通常有两种解释。
第一种解释是样式约束先于内容判断。新模板给某个容器设了固定高度、固定行数或隐藏溢出,内容本身仍在数据里,只是被裁掉了。此时在浏览器里选中被截断的区域,往往还能看到完整文本,或者调整窗口宽度后文字会重新出现。
第二种解释是输出条件发生变化。模板改版时,循环、字段调用或条件判断被重写,导致某些内容根本没有进入页面。此时不是“显示不全”,而是数据没有输出。典型信号是:同一字段在旧模板有值,在新模板对应位置为空;列表数量减少;某类文章不再出现在归档页。
能区分这两种解释的证据并不复杂:查看页面源码中是否存在目标文字。如果源码里有、视觉上被裁掉,偏向样式溢出;如果源码里也没有,偏向输出缺项。这个动作会直接决定下一步是改 CSS,还是回到模板逻辑和数据调用。
只靠浏览页面很容易漏掉长尾内容。更可靠的做法是建立一份基线清单,至少覆盖以下位置:
假设某站有 40 篇带表格的文章,旧模板下每篇表格都有表头和合计行。改版后如果只抽查前 5 篇,可能误判为正常;把 40 篇的表格首行和末行都列入基线,才容易发现某类表格在移动端被隐藏了末行。这个例子只用于说明比较方法,不代表任何具体项目的实际结果。
执行时,可以先把旧模板页面另存为纯文本,再对新模板页面做同样处理,然后逐项比对。比对结果如果集中在少数模块,优先检查该模块的样式和输出条件;如果分散在多个页面,优先检查公共模板、字段映射和全局样式。
溢出的直接证据包括横向滚动条、文字被省略号截断、行高突然变小、图片压住文字、按钮文字换行后撑破容器。检查顺序建议是:容器宽度和高度是否写死;是否使用了隐藏溢出的规则;长单词、连续数字或长链接是否缺少断行处理;移动端断点是否覆盖了桌面端规则。若源码中存在完整文字而页面不显示,优先处理样式约束,而不是先去改内容字段。
缺项的典型证据是源码中找不到目标文字、列表数量减少、某字段在编辑界面有值但前台为空。检查顺序建议是:该内容是否仍存在于数据中;模板是否调用了正确字段;条件判断是否把当前内容排除;分页或筛选是否改变了输出范围。若源码中没有目标文字,继续调 CSS 通常无效,应回到模板逻辑和字段映射。
可以先选一个内容类型最复杂的页面,例如同时包含正文、表格、图片说明和按钮的详情页。动作是:在浏览器中打开该页,用查找功能搜索正文末段的一句原文。如果搜索不到,说明该段没有输出,下一步应检查模板中正文区域的循环或字段调用;如果搜索得到但页面不可见,说明内容已输出但被样式隐藏或裁切,下一步应检查该区域的容器高度、溢出规则和断点设置。这个动作的结果会把问题分流到两个不同方向,避免在错误层面反复修改。
调整样式或输出条件后,不要只看刚才出问题的那个页面。应回到基线清单,至少复查三类页面:详情页、列表页、移动端视图。复查重点是之前被截断的文字是否完整出现、之前消失的字段是否恢复、列表条数和分页文字是否与基线一致。若某项仍然缺失,记录它属于源码缺失还是视觉隐藏,再决定是继续改模板条件,还是补充内容字段。只有把溢出和缺项分开处理,模板改版后的内容完整性才可控。