搜索引擎营销优化诊断训练

网站导航栏滚动时固定效果失效

1. 检查滚动事件监听是否正确，触发固定样式的条件是否合理；2. 修复导航栏的 position 属性切换逻辑（static→fixed）；3. 确保固定后的导航栏宽度正确，无布局错乱；4. 处理导航栏 z-index 值，避免被其他元素覆盖

网站视频播放进度条无法拖动

1. 检查视频流媒体配置是否支持断点续传；2. 修复进度条事件监听逻辑；3. 确保视频文件格式支持 seek 操作；4. 测试不同浏览器，排查兼容性问题

网站屏幕阅读器无法读取内容

1. 使用语义化 HTML 标签（header、nav、main、footer）；2. 为图片添加 ALT 属性，为表单元素添加 label；3. 确保 ARIA 属性正确配置，提升可访问性；4. 测试屏幕阅读器（如 NVDA、VoiceOver）兼容性

网站推送通知功能无法使用

1. 确保网站启用 HTTPS，用户授予通知权限；2. 检查推送服务配置（如 Firebase Cloud Messaging）；3. 修复 Service Worker 推送事件处理逻辑；4. 测试不同浏览器，排查兼容性问题

网站富文本编辑器字数统计不准确

1. 检查字数统计逻辑，是否正确过滤 HTML 标签（仅统计纯文本）；2. 修复统计触发机制，确保实时更新（如输入、删除、粘贴后）；3. 核实是否包含空格、换行符等字符的统计；4. 处理中文、英文、数字的统计规则（如是否 1 个中文 = 2 个字符）

网站用户注册功能异常，无法注册

1. 检查注册表单验证逻辑，是否误判合法输入；2. 核实用户数据是否正确写入数据库；3. 修复用户名 / 手机号重复校验逻辑；4. 处理注册接口报错，显示明确提示

网站分片上传文件拼接失败

1. 检查后端分片接收逻辑，确保所有分片正确存储；2. 修复分片顺序标识，确保拼接顺序正确；3. 核实分片合并接口是否正常调用，无报错；4. 处理分片上传中断后的续传逻辑，记录已上传分片

网站支付功能异常，无法完成支付

1. 检查支付接口配置（如 API 密钥、回调地址）是否正确；2. 查看支付日志，排查接口调用错误；3. 确保支付流程完整，无跳转中断；4. 测试不同支付方式，确认是否单一方式故障

网站图片预览功能失效

1. 检查预览插件是否正确加载；2. 核实图片路径是否正确，文件是否存在；3. 修复预览事件监听逻辑（如点击图片）；4. 测试不同图片格式，确保兼容