产品优化设计报告模板

网站表单验证提示在输入正确内容后仍不消失

1. 检查验证触发机制，是否仅在提交时验证，未实时验证；2. 修复输入事件监听，确保输入内容变化后重新验证；3. 核实验证逻辑是否存在错误，未正确判断合法内容；4. 手动触发验证函数，强制更新提示状态

网站富文本编辑器粘贴内容格式错乱

1. 启用编辑器的清除格式功能，粘贴时自动过滤冗余标签；2. 配置编辑器只允许保留核心标签（p、img、a 等）；3. 建议用户从纯文本编辑器粘贴，避免 Word 等格式带入；4. 修复编辑器样式加载顺序，避免被网站 CSS 覆盖

网站 PWA 添加到主屏幕后图标显示异常

1. 检查 manifest.json 中 icons 配置，确保尺寸和路径正确；2. 确保图标格式为 PNG，背景为纯色；3. 修复 manifest.json 格式错误，确保符合标准；4. 测试不同 iOS/Android 设备，确保兼容

网站 Cookie 无法设置或读取

1. 检查 Cookie 设置参数（domain、path、expires）是否正确；2. 确保 Cookie 大小不超过 4KB；3. 修复浏览器禁用 Cookie 的提示，引导用户启用；4. 对重要数据，避免依赖 Cookie，采用 localStorage

网站音频音量无法调节

1. 检查音量控制组件与音频元素绑定是否正确；2. 修复音量调节逻辑；3. 确保浏览器和系统未静音；4. 测试不同音频格式，排查兼容性

网站服务器带宽不足，高峰期卡顿

1. 联系服务商升级带宽，提升网络传输能力；2. 用 CDN 分流静态资源，减少源站带宽占用；3. 压缩网站资源，降低数据传输量；4. 限制非必要带宽消耗（如大文件下载、视频播放）

网站跨域请求被浏览器拦截（CORS 错误）

1. 后端添加 Access-Control-Allow-Origin 等 CORS 响应头；2. 核实请求方法（GET/POST）和自定义头是否在允许列表中；3. 处理预检请求（OPTIONS），确保服务器正确响应；4. 前端使用代理服务器转发请求，规避跨域限制

网站实时聊天无法发送图片或文件

1. 检查文件上传接口是否支持聊天文件类型和大小限制；2. 修复文件转码逻辑，确保符合聊天传输要求；3. 核实 WebSocket 是否支持二进制数据传输；4. 处理文件上传失败后的重试机制