网吧系统优化工具

网站 404 页面未自定义，显示默认页面

1. 创建自定义 404 页面，包含网站导航和搜索功能；2. 配置 Web 服务器，指定 404 页面（Nginx 用 error_page 404 /404.html）；3. 优化 404 页面 SEO，设置 noindex 标签；4. 在 404 页面添加返回首页按钮，提升体验

网站 OCR 识别功能失效

1. 检查 OCR 接口是否正常，配置是否正确；2. 核实图片是否清晰，符合识别要求；3. 修复图片上传逻辑，确保格式 / 尺寸正确；4. 处理识别错误，提供手动输入备选

网站 PWA 应用无法接收推送通知，提示 “权限被拒”

1. 检查用户是否已拒绝通知权限，引导在浏览器设置中重新开启；2. 修复推送权限申请逻辑，确保在用户交互后触发（如点击按钮）；3. 核实浏览器是否支持 Push API（如部分国产浏览器不支持）；4. 提供权限申请引导页面，告知用户开启通知的步骤

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

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

网站模态框打开后无法输入内容

1. 检查模态框是否被设置为 disabled 或 readonly；2. 修复模态框的 z-index 值，确保输入框可聚焦；3. 核实是否存在事件冒泡阻止，导致输入事件失效；4. 刷新页面重新打开模态框，排查临时 DOM 渲染问题

网站服务注册与发现失败（微服务）

1. 检查注册中心（如 Nacos、Eureka）是否正常运行；2. 核实服务注册配置是否正确；3. 修复服务健康检查逻辑，确保服务状态正常；4. 查看注册中心日志，排查错误原因

网站在平板设备上布局错乱

1. 优化响应式布局，添加平板设备媒体查询（768px-1024px）；2. 调整元素尺寸和间距，适配平板屏幕；3. 确保触摸目标尺寸足够（不小于 48px）；4. 测试横屏 / 竖屏切换，布局自动调整

网站 WebSocket 接收消息乱码

1. 检查消息编码格式，确保前后端一致（如 UTF-8）；2. 修复消息解码逻辑，避免二进制数据与文本数据混淆；3. 核实服务器发送的消息是否正确序列化；4. 处理特殊字符转义，避免解码错误

网站数据库用户权限不足

1. 为数据库用户授予必要权限（SELECT、INSERT、UPDATE 等）；2. 确保用户密码正确，无登录错误；3. 修复权限分配逻辑，避免权限继承问题；4. 定期审计数据库用户权限，移除多余权限