人社优化营商环境总结

访问网站提示 “503 Service Temporarily Unavailable”

1. 检查服务器负载是否过高，关闭非必要进程；2. 确认 Nginx/Apache 进程是否存活，端口是否正常监听；3. 查看 Web 服务器状态，调整最大连接数配置；4. 启用限流机制，临时分流访问压力

服务器内存使用率过高，出现 OOM

1. 用 free -m 查看内存使用情况，排查内存泄漏（如未释放的数据库连接）；2. 优化代码，减少大对象占用内存，及时释放资源；3. 增加服务器物理内存或虚拟内存；4. 配置内存使用阈值告警，及时处理异常

网站视频音量无法调节

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

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

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

网站多语言切换功能失效

1. 检查语言包文件是否完整，无缺失翻译；2. 核实语言切换逻辑，是否正确设置 cookie 或 localStorage；3. 确保所有页面支持多语言，无硬编码文字；4. 测试不同语言切换，检查是否有布局错乱

网站下拉菜单滚动时被页面截断

1. 检查下拉菜单的 z-index 值，确保高于其他元素；2. 修复下拉菜单的 overflow 属性，必要时设置 overflow: auto 允许内部滚动；3. 调整下拉菜单的定位方式（如 absolute→fixed），适应滚动场景；4. 限制下拉菜单最大高度，避免超出视口

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

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

网站图片预览功能失效

1. 检查预览插件是否正确加载；2. 核实图片路径是否正确，文件是否存在；3. 修复预览事件监听逻辑（如点击图片）；4. 测试不同图片格式，确保兼容

网站页面提示 “404 Not Found”

1. 确认访问的 URL 是否正确，检查链接是否失效；2. 核实静态页面 / PHP 文件是否被误删或移动；3. 检查 Web 服务器的网站根目录配置是否正确；4. 配置 404 跳转页面，优化用户体验