算法优化设计

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

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

网站翻译功能翻译结果错乱或无意义

1. 检查翻译接口的源语言和目标语言设置是否正确；2. 核实输入文本是否包含特殊字符，未进行转义；3. 更换更稳定的翻译 API（如百度翻译、谷歌翻译）；4. 处理长文本翻译，分块提交避免接口限制

网站后台模块无法加载

1. 检查模块是否正确安装，文件是否完整；2. 核实模块配置是否正确，是否启用；3. 修复模块加载逻辑，避免依赖缺失；4. 查看模块加载日志，排查错误原因

网站模态框打开后背景滚动无法禁止

1. 打开模态框时给 body 添加 overflow: hidden 样式；2. 修复移动端触摸事件，禁止背景滚动；3. 确保模态框关闭时移除禁止滚动样式；4. 处理 iOS 系统的弹性滚动问题，添加额外兼容代码

网站 JavaScript 报错，功能无法使用

1. 查看浏览器控制台，定位报错行和原因；2. 修复语法错误、变量未定义等问题；3. 确保 JavaScript 代码兼容目标浏览器；4. 增加错误捕获机制（try-catch），避免全局报错

路由器长时间运行导致网站访问不稳定

1. 重启路由器，解决固件缓存或过热问题；2. 升级路由器固件版本，修复已知漏洞；3. 检查路由器网络配置，确保 IP / 子网掩码 / 网关设置正确；4. 更换性能更好的路由器，提升网络稳定性

网站在 Safari 浏览器无法正常运行

1. 修复 Safari 专属兼容性问题（如 flex 布局、日期处理）；2. 确保 JavaScript 代码不依赖 Chrome 专属 API；3. 调整 CSS 样式，避免 Safari 默认样式冲突；4. 用 BrowserStack 测试 Safari 不同版本兼容性

网站商品详情页图片无法放大查看

1. 检查图片放大插件是否正确加载，依赖的 JS/CSS 是否完整；2. 修复放大功能事件绑定，确保点击图片触发放大；3. 核实商品详情图是否上传高清版本，避免放大后模糊；4. 处理移动端图片放大的触摸手势兼容（如双指缩放）

网站视频画中画功能失效

1. 检查浏览器是否支持画中画 API；2. 修复画中画按钮事件逻辑；3. 确保视频元素满足画中画要求；4. 处理画中画切换时的状态保存