路由器优化大师

网站视频全屏播放失效

1. 检查全屏 API 是否被浏览器支持；2. 修复全屏事件监听逻辑，处理浏览器差异；3. 确保视频容器没有层级遮挡；4. 测试不同浏览器全屏功能，统一优化

网站 PWA 应用在 IE 浏览器无法安装

1. 检查 IE 浏览器是否支持 PWA，目前 IE 不支持 PWA 特性；2. 提供传统网页版替代，确保 IE 用户可正常访问；3. 提示用户升级到 Edge 浏览器（支持 PWA）；4. 优化非 PWA 功能，提升 IE 浏览器下的用户体验

网站 CSS 样式不生效，显示默认样式

1. 检查 CSS 文件路径是否正确，是否加载成功；2. 修复 CSS 语法错误（如括号不闭合、属性拼写错误）；3. 确保 CSS 选择器正确匹配 HTML 元素；4. 清除浏览器缓存，测试最新样式

网站后台批量操作（如批量删除）执行失败

1. 检查批量操作接口是否支持批量 ID 参数（如数组格式）；2. 修复权限校验逻辑，确保用户有批量操作权限；3. 处理批量操作中的异常数据，避免单个数据失败导致整体中断；4. 显示批量操作结果详情（如成功多少条、失败多少条）

网站页面滚动时元素错位或抖动

1. 检查 CSS 定位属性（如 position: fixed）是否正确，避免滚动时偏移；2. 修复滚动事件监听逻辑，避免频繁修改 DOM 导致回流；3. 确保元素宽高固定，或使用 flex/grid 布局适配滚动；4. 处理移动端滚动穿透问题，避免弹窗滚动影响背景

网站 WebSocket 连接频繁断开重连

1. 检查服务器是否开启心跳机制，维持连接；2. 修复客户端重连逻辑，设置合理的重连间隔；3. 核实网络环境是否稳定，避免防火墙拦截；4. 优化 WebSocket 数据传输，避免过大数据包导致断开

网站 Redis 缓存数据不一致

1. 优化缓存更新策略，确保数据同步；2. 设置合理的缓存过期时间；3. 采用缓存穿透 / 击穿 / 雪崩防护措施；4. 定期校验缓存与数据库数据，修复不一致

Apache 服务器响应缓慢，请求堆积

1. 调整最大请求数上限（Apache2.2 用 MaxClients，Apache2.4 用 MaxRequestWorkers）；2. 优化 Apache 进程分配策略，减少空闲进程占用资源；3. 检查是否有慢查询或耗时代码拖慢响应；4. 考虑切换为 Nginx 作为反向代理提升并发能力

网站音频无法自动播放，即使添加 autoplay 属性

1. 检查浏览器是否支持自动播放，部分浏览器要求静音自动播放（添加 muted 属性）；2. 修复自动播放触发逻辑，确保在用户交互后执行（如页面加载完成后）；3. 核实音频文件是否加载完成，未加载完成无法自动播放；4. 提供手动播放按钮，作为自动播放的备选