如何查看当前页面中请求的资源是由哪段代码发起的？

Question

最近接手一个老旧的移动端项目，该项目偶尔会有某些内页会出现报错，报错很简单就是图片加载不成功。但是我无法得知这些图片是那些代码请求的，Chrome Dev Tools 里的 console 面板只有报错没有提示，所以我也不知道对应要改动哪个 js 或 css，不知道该怎么处理。

我想问有没有办法就是能定位 Chrome Dev Tools 中 NetWork 面板中，所请求资源的发起代码段？说得可能有点绕，比如浏览器里有一段

let img = new Image();
img.src = "a.jpg";

然后浏览器报错找不到 a.jpg 了，我希望能马上找到 img.src = "a.jpg"; 并解决问题，当然不仅限于图片报错，不报错我也想定位请求资源的发起代码，请问有这样的办法吗？

Answer 1

Answer 2

看图说话

Answer 3

直接搜索图片地址吧，css文件与js文件不好定位，assets/a.png