网站优化目标及意义

网站在 Firefox 浏览器显示异常

1. 检查 CSS 兼容性，使用前缀（-moz-）适配 Firefox；2. 避免使用浏览器专属属性，采用标准 HTML/CSS；3. 用 Firefox 开发者工具排查布局问题；4. 测试不同 Firefox 版本，确保兼容主流版本

网站页面打印时背景色不显示

1. 检查打印样式（print.css）是否设置了 background: transparent；2. 修复打印配置，添加 - webkit-print-color-adjust: exact 属性；3. 核实浏览器打印设置中是否启用 “打印背景图像”；4. 提供 “打印友好版” 页面，优化背景色展示逻辑

网站广告过多，弹窗干扰浏览

1. 减少广告数量，仅保留与网站主题相关的广告；2. 禁用侵入式弹窗（如页面加载时立即弹出的广告）；3. 确保弹窗有明显关闭按钮，不频繁弹出；4. 采用原生广告形式，提升用户接受度

网站数据导出 Excel 后格式错乱

1. 检查 Excel 导出工具的配置，是否正确设置单元格格式（如日期、数字）；2. 修复数据填充逻辑，确保数据与单元格对应，无错位；3. 核实导出字段是否完整，无遗漏或多余字段；4. 处理特殊字符（如换行、制表符），避免破坏 Excel 格式

网站实时聊天功能消息接收延迟

1. 检查 WebSocket 连接是否正常，有无断线重连；2. 优化消息推送逻辑，避免堆积；3. 扩容聊天服务器，提升并发处理能力；4. 处理消息丢失情况，提供重发功能

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

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

访问网站显示 “502 Bad Gateway” 错误

1. 延长 PHP 执行超时时间（调整 request_terminate_timeout 和 max_execution_time 参数）；2. 分析数据库慢查询、死锁等瓶颈；3. 用 strace 工具排查 PHP 连接后端超时问题；4. 重启 FPM 和 Web 服务器（Nginx/Apache）

网站 AJAX 请求失败，数据无法加载

1. 检查请求 URL 是否正确，接口是否正常；2. 核实请求方法（GET/POST）和参数是否正确；3. 修复跨域问题（CORS 配置），允许跨域请求；4. 查看网络请求日志，排查 404/500 等错误

网站图表 tooltip 显示不全，内容被截断

1. 检查 tooltip 的样式配置，调整 width、height 属性；2. 修复 tooltip 的 overflow 属性，设置为 auto 允许滚动；3. 核实 tooltip 内容是否过长，简化显示信息；4. 调整图表的边距，给 tooltip 预留足够显示空间