搜索引擎优化2.0

网站 localStorage 存储数据丢失

1. 检查存储数据大小，不超过 5MB 限制；2. 避免存储敏感数据，防止浏览器清理；3. 增加数据备份机制，定期同步到服务器；4. 处理浏览器隐私模式下 localStorage 不可用的情况

网站导航栏滚动时固定效果失效

1. 检查滚动事件监听是否正确，触发固定样式的条件是否合理；2. 修复导航栏的 position 属性切换逻辑（static→fixed）；3. 确保固定后的导航栏宽度正确，无布局错乱；4. 处理导航栏 z-index 值，避免被其他元素覆盖

网站 WebSocket 连接建立失败

1. 检查 WebSocket 服务地址是否正确（ws:// 或 wss://）；2. 核实服务器 WebSocket 服务是否正常启动，端口是否开放；3. 处理跨域场景下的 WebSocket 配置，添加允许的 origin；4. 查看浏览器控制台，排查协议不支持或网络错误

网站视频音量无法调节

1. 检查音量控制组件是否正确绑定视频元素；2. 修复音量调节事件逻辑；3. 确保浏览器未静音，视频元素未被静音；4. 测试不同设备，排查音频输出问题

网站键盘导航无法操作

1. 确保所有可交互元素（按钮、链接）支持键盘聚焦；2. 修复 tab 键导航顺序，按逻辑顺序排列；3. 支持 Enter/Space 键触发点击事件；4. 显示键盘焦点样式，提升可操作性

网站 PWA 应用推送通知显示乱码

1. 检查推送消息的编码格式，确保为 UTF-8；2. 修复消息内容序列化逻辑，避免特殊字符未转义；3. 核实推送服务器发送的消息格式是否正确；4. 处理不同浏览器对推送通知的显示规则，优化内容格式

网站在微信内置浏览器打开异常

1. 修复微信浏览器专属兼容性问题（如 AJAX 缓存、分享接口）；2. 配置微信网页授权，确保回调地址正确；3. 避免使用微信不支持的 JSAPI 或插件；4. 测试微信不同版本，确保兼容主流版本

网站上拉加载更多功能无法触发或重复加载

1. 检查滚动距离判断逻辑，确保到达底部时触发请求；2. 添加加载中状态标识，避免重复触发请求；3. 修复请求完成后的状态更新，允许下次触发；4. 处理数据加载完毕后的提示，禁用加载功能

网站图片缩放功能失效

1. 检查缩放插件是否正确加载；2. 修复缩放事件逻辑（滚轮 / 点击）；3. 确保图片容器支持缩放，无样式限制；4. 测试不同图片尺寸，确保缩放流畅