什么叫图纸优化体系

网站高对比度模式不生效

1. 编写高对比度 CSS 样式，优化文字与背景对比；2. 修复模式切换逻辑，确保样式正确应用；3. 确保所有元素支持高对比度模式，无视觉盲区；4. 遵循 WCAG 标准，提升可访问性

网站加载时出现 “正在等待fonts.googleapis.com”

1. 下载谷歌字体到本地服务器，替代外部加载；2. 使用国内字体库（如思源黑体、阿里普惠体）；3. 配置字体加载超时处理，避免阻塞页面；4. 优先使用系统默认字体，提升加载速度

网站分页控件 “首页”“尾页” 点击后跳转错误

1. 检查首页 / 尾页的跳转逻辑，是否正确设置页码为 1 或总页数；2. 修复总页数计算，确保尾页页码准确；3. 核实是否存在分页参数传递错误，导致跳转 URL 拼接异常；4. 测试单独点击首页 / 尾页，排查与其他页码的冲突

网站数据库查询缓慢，导致页面加载卡顿

1. 检查查询语句是否优化，是否添加必要索引；2. 修复查询逻辑，避免全表扫描、多表关联无索引；3. 启用查询缓存，缓存高频查询结果；4. 分库分表或数据分页，减少单次查询数据量

网站文件下载时文件名与预期不一致

1. 检查后端响应头的 Content-Disposition 是否正确设置 filename 参数；2. 修复文件名拼接逻辑，避免参数传递错误；3. 核实是否存在文件名重命名规则，导致自动修改；4. 测试不同文件类型的下载，排查特定类型问题

网站富文本编辑器无法上传图片

1. 检查富文本编辑器的图片上传接口配置是否正确；2. 核实服务器上传目录权限，确保有写入权限；3. 修复接口跨域问题（如添加 CORS 头）；4. 查看编辑器日志，排查参数传递错误

网站移动端页面在 IE Mobile 浏览器布局错乱

1. 检查 CSS 媒体查询是否兼容 IE Mobile，添加专属适配样式；2. 修复 viewport 标签配置，确保移动端适配；3. 核实是否使用了 IE Mobile 不支持的 CSS 特性；4. 测试 IE Mobile 不同版本，针对性修复布局问题

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

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

网站实时聊天无法发送图片或文件

1. 检查文件上传接口是否支持聊天文件类型和大小限制；2. 修复文件转码逻辑，确保符合聊天传输要求；3. 核实 WebSocket 是否支持二进制数据传输；4. 处理文件上传失败后的重试机制