设计优化依据是什么

网站 WebSocket 连接建立失败

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

网站第三方登录功能失效（微信 / QQ）

1. 检查第三方登录配置（AppID、AppSecret）是否正确；2. 核实回调地址是否与配置一致；3. 修复授权流程，确保步骤正确；4. 查看第三方平台开发者日志，排查错误

网站 HTTPS 证书过期，提示不安全

1. 重新申请 SSL 证书，替换过期证书；2. 配置证书自动续期（Let's Encrypt 可自动续期）；3. 在证书过期前 1 个月设置提醒，避免遗漏；4. 确保 Web 服务器配置中证书路径正确

网站导航栏下拉菜单 hover 时无法显示子菜单

1. 检查下拉菜单的 CSS 样式，是否设置了 display: none 且 hover 时未切换；2. 修复 hover 事件绑定，确保鼠标悬浮在父菜单时显示子菜单；3. 核实子菜单的 z-index 值，避免被其他元素遮挡；4. 调整父菜单与子菜单的间距，避免 hover 中断

网站搜索框自动补全功能失效

1. 检查自动补全接口是否正常响应，返回候选关键词；2. 修复输入事件监听，确保实时触发接口请求；3. 确保补全结果的下拉框正确渲染，无样式遮挡；4. 处理输入过快导致的接口请求拥堵，添加防抖处理

网站图片裁剪功能异常

1. 检查裁剪插件是否正确加载，配置是否正确；2. 修复裁剪区域拖动逻辑；3. 确保裁剪后的图片格式 / 尺寸符合要求；4. 处理裁剪后图片保存失败问题

网站苹果触摸图标（apple-touch-icon）无法显示

1. 准备不同尺寸的苹果触摸图标（180x180 等）；2. 放置图标到网站根目录，或通过 link 标签指定路径；3. 确保图标格式为 PNG，无透明度；4. 测试 iOS 设备添加到主屏幕的效果

网站导航结构复杂，用户找不到所需内容

1. 简化导航菜单，减少层级嵌套（建议不超过 3 层）；2. 添加面包屑导航，显示用户当前位置；3. 优化搜索功能，支持关键词快速查找；4. 按用户行为调整导航顺序，突出核心功能

网站地图定位功能不准确

1. 检查定位接口（如高德 / 百度地图 API）配置是否正确；2. 核实 IP 定位是否开启，精度是否足够；3. 提供手动调整定位的功能；4. 处理定位失败的情况，显示默认位置