How do I see which code initiated the requested resource on the current page?

recently took over an old mobile project in which there are occasional errors on some inner pages. The error is simply that the image was not loaded successfully. But I don"t know if these pictures are the console panel in the, Chrome Dev Tools requested by the code, so I don"t know which js or css, to change, so I don"t know what to do with it.

I would like to ask if there is a way to locate the initiating code snippet of the requested resource in the NetWork panel of Chrome Dev Tools? It may be a little roundabout, for example, there is a paragraph

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

then the browser reports an error and cannot find a.jpg. I hope I can find img.src = "a.jpg" immediately. And solve the problem, of course, it is not limited to the image error. I also want to locate the initiating code of the requested resource if I do not report an error. Is there such a way?


clipboard.png

clipboard.png


clipboard.png


search the image address directly. Css file and js file are difficult to locate. assets/a.png

Menu