班级优化大师下载安装的网站

网站标签页切换后音频 / 视频继续播放

1. 检查标签页切换事件监听，触发时暂停媒体播放；2. 修复媒体播放器的状态管理，记录切换前播放进度；3. 核实是否启用了后台播放功能，需手动关闭；4. 切换标签页后自动暂停，返回时恢复播放进度

网站表单下拉框无法显示选项

1. 检查下拉框数据是否正确加载，接口是否正常；2. 修复下拉框渲染逻辑，确保选项可见；3. 确保下拉框无样式遮挡（如 z-index 过低）；4. 测试不同浏览器，排查兼容性

网站图表导出图片失败

1. 检查图表导出插件是否正确加载；2. 核实导出图片格式 / 尺寸设置是否正确；3. 修复图片保存逻辑，确保权限足够；4. 处理大图表导出卡顿问题，优化性能

网站图片加载完成后出现白边或边框

1. 检查图片元素的 CSS 样式，是否存在默认 border 或 padding；2. 修复图片容器的 overflow 属性，避免内容溢出产生白边；3. 核实图片原始尺寸是否与容器适配，必要时裁剪；4. 给图片添加 display: block 属性，消除 inline 默认间距

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

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

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

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

网站表单提交失败，数据无法保存

1. 检查表单验证逻辑，是否误判合法输入；2. 查看后端日志，排查数据插入数据库时的错误；3. 确保表单提交方式（GET/POST）与后端接口一致；4. 增加表单提交反馈，提示用户提交状态

网站移动端页面在横屏模式下布局错乱

1. 检查 CSS 媒体查询，是否针对横屏（orientation: landscape）优化布局；2. 修复页面元素宽高设置，避免固定像素导致适配问题；3. 核实 viewport 标签是否设置了 user-scalable=no，禁止缩放；4. 测试不同手机型号的横屏效果，针对性修复

网站在低网络环境下无法加载

1. 优化资源加载优先级，优先加载关键内容；2. 实现懒加载，延迟加载非必要资源；3. 提供离线访问功能，缓存关键资源；4. 显示网络状态提示，引导用户切换网络