测试时发现网站图片加载不出来，你会如何定位Bug？

一、问题初步分析

当发现图片加载失败时，先别慌！按照以下步骤快速缩小排查范围：

1. 观察现象：

   • 是所有图片加载失败，还是特定图片？

   • 是偶发问题还是持续存在？

   • 是否与浏览器、设备或网络环境相关？

2. 基础检查：

   • F12打开控制台：查看Console是否有JS报错，Network面板检查图片请求状态码（如404、403、500）。

   • 右键查看图片路径：确认URL是否正确，是否包含特殊字符（如空格、中文）。

   • 手动访问图片URL：浏览器直接输入图片地址，若无法加载→ 问题在服务端；若能加载→ 问题在前端渲染。

---

二、分场景定位法

🔍 场景1：单张图片加载失败

• 可能原因：

  1. 图片路径错误（前端代码拼写错误或资源未部署）。

  2. CDN缓存未更新/图片被误删。

  3. 权限问题（如Nginx配置限制访问）。