工作优化的好处

网站动态加载的内容无法被搜索引擎抓取

1. 启用服务器端渲染（SSR）或预渲染（Prerender），生成静态 HTML；2. 配置动态渲染规则，给搜索引擎返回静态内容；3. 利用 AJAX 爬虫规范（如 #! 标识），引导搜索引擎抓取；4. 将关键动态内容添加到 sitemap.xml，提升收录概率

网站按钮点击后无响应，控制台无报错

1. 检查按钮是否被其他元素遮挡（如透明 div 覆盖），通过浏览器开发者工具排查；2. 修复按钮事件绑定，确保未被重复解绑或覆盖；3. 核实按钮是否处于 disabled 状态，无点击权限；4. 刷新页面或清除缓存，处理脚本加载异常

网站表单验证逻辑过于严格或宽松

1. 调整验证规则，符合业务实际需求（如手机号、邮箱格式）；2. 修复验证逻辑中的逻辑错误（如与 / 或条件混淆）；3. 提供明确的验证提示，告知用户错误原因；4. 允许部分非关键字段可选，避免过度验证影响体验

网站视频音量无法调节

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

网站提示 “403 Forbidden” 禁止访问

1. 检查 Nginx/Apache 的 allow/deny 配置，是否屏蔽了访问 IP；2. 确认访问目录是否开启自动索引（autoindex off 时无法访问目录）；3. 核实文件 / 目录权限，确保 Web 服务器用户有读取权限；4. 检查是否访问了仅限内网的资源

网站单选框组选择后，其他选项仍可选中

1. 检查单选框的 name 属性是否一致（同一组单选框 name 必须相同）；2. 修复单选框事件监听，避免自定义逻辑覆盖默认行为；3. 核实是否误将单选框设置为复选框（type="checkbox"）；4. 优化单选框样式，明确区分选中 / 未选中状态

网站图片懒加载时出现闪烁

1. 检查图片容器是否设置了占位图或固定宽高，避免加载后布局偏移；2. 修复懒加载插件的加载时机，确保图片进入可视区域前开始加载；3. 核实图片是否启用了渐进式加载；4. 优化图片格式（如 WebP），减少加载时间

网站日期选择器无法选择今天日期

1. 检查日期选择器的 disabledDate 配置，是否误将今天设为禁用；2. 修复日期范围逻辑，确保 today 不在禁用列表中；3. 核实日期选择器插件版本是否存在已知 bug，升级修复；4. 手动输入今天日期，排查选择器交互问题

网站在支付宝内置浏览器打开异常

1. 修复支付宝浏览器的 CSS 兼容性问题（如 flex 布局）；2. 确保支付宝支付接口配置正确，回调地址可访问；3. 避免使用支付宝不支持的前端特性；4. 测试支付宝不同版本，确保支付流程正常