换模板后判断内容有没有出问题,不能只靠“页面看起来正常”。更可靠的做法是:先用旧模板的页面清单和字段清单建立基准,再在新模板上逐项核对“原有内容是否还在、是否被截断、是否被迫改写”。如果基准本身不完整,或者新旧模板的栏目结构已经不同,这个结论就会失效——此时需要先重建内容清单,再谈溢出与缺项。
溢出指内容还在,但显示空间不够,表现为文字被截断、图片被裁切、表格横向滚动、按钮文字换行挤位。缺项指内容根本没被渲染出来,表现为整段消失、字段为空、列表少了几条、附件链接不见。两者排查方向相反:溢出要调容器和样式,缺项要查字段映射和调用条件。把两者混在一起,容易在样式上反复改动,却始终找不到真正丢失的内容。
一个可操作的区分办法是:在浏览器中选中疑似异常区域,查看该区域是否还存在对应文本节点。如果文本在代码里但视觉上被隐藏或截断,属于溢出;如果文本在后台存在、前端代码里完全没有,属于缺项。
模板更换前,先把旧站可访问的页面地址、每页主要栏目、每个栏目的字段数量整理成一份清单。字段可以粗到“标题、正文、图片、附件、发布时间”这一层。换模板后,用同一份清单逐页比对。这样做的价值在于:记忆只能记住“大概有这一段”,清单能指出“原来有 6 张资质图,现在只显示 4 张”。
假设某企业站旧模板的“产品详情”页固定显示规格表、图集、下载附件三块。换模板后页面只出现规格表和图集。此时可以判断附件块属于缺项,而不是溢出,因为前端根本没有渲染附件区域。下一步应检查新模板是否声明了附件字段的输出位置,而不是去调 CSS 高度。
模板更换后,溢出往往集中在三类内容上:
针对这三类内容,可以各挑一条最长的记录做测试,而不是只看默认示例。测试动作是:把该记录在新模板前台打开,确认文字末尾是否完整、表格是否可读、图片关键信息是否还在。如果最长记录正常,短记录通常不会溢出;如果最长记录异常,说明容器或字段长度限制需要调整。
缺项不一定是内容被删了,更常见的原因是模板只调用了部分字段,或者对空值做了隐藏处理。例如旧模板对没有上传附件的产品仍显示“暂无附件”占位,新模板遇到空值直接不输出整块。用户看到的是“这块没了”,但后台数据其实还在。
要区分“真缺”和“显示条件变了”,可以随机抽几条记录,分别检查后台字段是否有值、前台是否输出。如果后台有值而前台没有,属于模板输出规则问题;如果后台本身为空,属于内容维护问题。两者后续动作不同:前者改模板调用条件,后者补内容。
上述方法成立的前提是:旧站页面清单和字段清单基本完整,且新旧模板的栏目结构大致对应。反例是:旧站本身就没有系统整理过字段,或者新模板把原来的多个栏目合并成了一个,此时“少了几项”可能只是结构重组的正常结果,而不是缺项。遇到这种情况,先不要急着判定故障,而是把新模板实际输出的字段重新列一遍,再与业务上必须保留的信息对照。业务上必须有的字段缺失,才算真正需要处理的缺项。
下一步动作可以固定为:先完成一次“最长内容 + 空值记录 + 合并栏目页”三类样本的核对,把结果分成溢出、缺项、结构变化三栏。只有前两栏需要立即处理,第三栏需要与栏目负责人确认是否接受新的信息组织方式。这样做的结果会直接决定后续是改样式、改模板调用,还是调整内容维护规则。