加油站便利店商品陈列与展示优化研究

网站用户昵称修改后不显示

1. 检查昵称修改后是否正确保存到数据库；2. 核实页面渲染逻辑，是否读取最新昵称；3. 清除用户会话缓存，刷新页面；4. 修复昵称过滤逻辑，避免特殊字符导致异常

网站输入框聚焦后键盘遮挡输入框（移动端）

1. 检查输入框所在容器是否设置 scrollIntoView 属性，聚焦后自动上移；2. 修复移动端页面 meta 标签的 viewport 配置，避免缩放影响；3. 调整输入框位置，避免位于页面底部；4. 监听键盘弹出事件，动态调整页面高度

网站 PDF 文件在线预览乱码

1. 确保 PDF 文件编码正确，无损坏；2. 修复 PDF.js 配置，确保字体支持；3. 核实 PDF 文件路径是否正确，无中文乱码；4. 测试不同大小的 PDF 文件，确保预览流畅

网站页面被浏览器标记为 “不安全”（HTTPS 已部署）

1. 检查页面是否存在 HTTP 混合内容（如图片、脚本通过 HTTP 加载）；2. 核实 SSL 证书是否有效，未被吊销；3. 修复页面中的不安全链接，统一替换为 HTTPS；4. 清除浏览器缓存，重新加载页面验证

网站表单提交时出现 “字段格式错误” 但未提示具体字段

1. 修复前端表单验证逻辑，明确提示错误字段（如 “手机号格式错误”）；2. 后端返回错误信息时携带字段名，便于前端定位；3. 给错误字段添加高亮样式，直观提示用户；4. 优化验证提示位置，靠近对应字段

网站第三方登录功能失效（微信 / QQ）

1. 检查第三方登录配置（AppID、AppSecret）是否正确；2. 核实回调地址是否与配置一致；3. 修复授权流程，确保步骤正确；4. 查看第三方平台开发者日志，排查错误

网站 CSS 动画在移动端卡顿严重

1. 优化动画属性，优先使用 transform 和 opacity（硬件加速）；2. 减少动画元素数量和复杂程度，避免过度绘制；3. 修复动画帧率，设置 animation-duration 合理值；4. 针对移动端单独优化动画，降低性能消耗

网站用户评价提交后不显示

1. 检查评价审核逻辑，是否启用人工审核 / 自动审核；2. 修复评价提交接口，确保评价内容、图片正确存储；3. 核实评价是否关联正确商品 / 订单，无匹配错误；4. 处理敏感词过滤导致的评价屏蔽，提示用户修改内容

网站苹果触摸图标（apple-touch-icon）无法显示

1. 准备不同尺寸的苹果触摸图标（180x180 等）；2. 放置图标到网站根目录，或通过 link 标签指定路径；3. 确保图标格式为 PNG，无透明度；4. 测试 iOS 设备添加到主屏幕的效果