优化绿松石会掉色吗

网站导航功能（地图）无法加载

1. 检查地图 API 密钥是否有效，是否绑定域名；2. 核实地图加载脚本是否正确引入；3. 修复地图容器尺寸设置，避免无法显示；4. 查看浏览器控制台，排查 API 报错

网站视频全屏播放后无法退出全屏

1. 检查全屏事件监听，是否正确绑定退出全屏按钮；2. 修复全屏 API 调用，兼容不同浏览器（如 webkitCancelFullScreen、exitFullscreen）；3. 核实是否有脚本错误导致全屏状态无法切换；4. 提供快捷键退出全屏（如 Esc 键）提示

网站图片懒加载时图片加载失败，重试后仍失败

1. 检查图片 URL 是否正确，无拼写错误或失效；2. 修复懒加载插件的重试机制，增加重试次数；3. 核实服务器是否存在图片文件损坏，重新上传图片；4. 替换为备用图片 URL，确保页面正常显示

网站限时活动商品已下架但活动仍显示

1. 检查活动商品关联逻辑，确保商品下架后活动同步隐藏；2. 修复活动状态判断，确保活动到期后自动结束；3. 核实活动商品库存，无库存时提示 “已抢完”；4. 手动更新活动状态，处理延迟同步场景

网站导航栏下拉菜单点击后无响应（移动端）

1. 检查下拉菜单的点击事件绑定，是否支持移动端触摸事件（touchstart）；2. 修复菜单展开 / 折叠逻辑，确保点击后状态切换；3. 核实菜单是否被其他元素遮挡，导致点击无效；4. 优化移动端导航栏，采用汉堡菜单样式提升交互性

网站没有响应式设计，移动设备显示异常

1. 使用 CSS 媒体查询调整布局，适配手机 / 平板屏幕；2. 采用流式布局，避免固定像素宽度；3. 优化字体大小和间距，提升移动设备可读性；4. 测试不同设备显示效果，确保交互功能正常

网站图片旋转功能失效

1. 检查旋转插件是否正确加载；2. 修复旋转事件逻辑，确保角度正确切换；3. 确保旋转后的图片不扭曲；4. 处理旋转后图片保存问题

网站视频播放时卡顿、缓冲频繁

1. 检查视频文件是否进行分片处理，支持自适应比特率；2. 修复视频加载逻辑，预加载后续片段；3. 核实服务器带宽是否充足，无传输瓶颈；4. 提供多种清晰度选择，让用户根据网络状况切换