通风系统优化总结

网站未启用 HTTPS，提示不安全

1. 申请 SSL 证书（免费 Let's Encrypt 或商业证书）；2. 配置 Web 服务器启用 HTTPS（443 端口），强制 HTTP 跳转 HTTPS；3. 修复混合内容问题，确保所有资源通过 HTTPS 加载；4. 在浏览器地址栏显示安全锁，增强用户信任

网站下拉框选项过多时出现滚动条无法滚动

1. 检查下拉框的 overflow 属性是否设置为 auto，且高度固定；2. 修复滚动事件监听，确保鼠标滚轮或触摸滚动生效；3. 核实下拉框是否被其他元素遮挡，导致滚动事件失效；4. 优化下拉框，启用搜索或分页加载，减少选项数量

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

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

网站 PWA 应用无法安装或安装后无法打开

1. 检查 manifest.json 文件格式是否正确，必填字段（name、short_name、start_url、icons）是否完整；2. 确保 Service Worker 正确注册并激活；3. 核实网站已部署 HTTPS，且无混合内容；4. 测试不同设备（iOS/Android）的安装流程，排查兼容性

网站服务器时间错误，影响业务逻辑

1. 同步网络时间协议（NTP），确保服务器时间准确；2. 调整服务器时区，与业务所在时区一致；3. 检查应用程序是否依赖服务器时间，避免逻辑错误；4. 定期校准服务器时间，防止偏差

网站本地存储（localStorage/sessionStorage）数据丢失

1. 检查存储数据的大小是否超过限制（localStorage 默认 5MB）；2. 核实存储的键名是否重复，避免被覆盖；3. 处理浏览器隐私模式下的存储限制，提供 cookie 备选；4. 确保存储数据格式正确（如 JSON.stringify 序列化）

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

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

Apache 服务器响应缓慢，请求堆积

1. 调整最大请求数上限（Apache2.2 用 MaxClients，Apache2.4 用 MaxRequestWorkers）；2. 优化 Apache 进程分配策略，减少空闲进程占用资源；3. 检查是否有慢查询或耗时代码拖慢响应；4. 考虑切换为 Nginx 作为反向代理提升并发能力

网站语音识别无响应，无法识别语音

1. 检查麦克风权限是否开启，浏览器是否有权访问麦克风；2. 修复语音识别接口调用，确保 API 密钥有效；3. 核实录音环境是否安静，无过多背景噪音；4. 测试语音识别接口单独调用是否正常，排查前端集成问题