鍍金池/ 問答/HTML/ 如何查看當前頁面中請求的資源是由哪段代碼發(fā)起的?

如何查看當前頁面中請求的資源是由哪段代碼發(fā)起的?

最近接手一個老舊的移動端項目,該項目偶爾會有某些內(nèi)頁會出現(xiàn)報錯,報錯很簡單就是圖片加載不成功。但是我無法得知這些圖片是那些代碼請求的,Chrome Dev Tools 里的 console 面板只有報錯沒有提示,所以我也不知道對應(yīng)要改動哪個 js 或 css,不知道該怎么處理。

我想問有沒有辦法就是能定位 Chrome Dev Tools 中 NetWork 面板中,所請求資源的發(fā)起代碼段?說得可能有點繞,比如瀏覽器里有一段

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

然后瀏覽器報錯找不到 a.jpg 了,我希望能馬上找到 img.src = "a.jpg"; 并解決問題,當然不僅限于圖片報錯,不報錯我也想定位請求資源的發(fā)起代碼,請問有這樣的辦法嗎?

回答
編輯回答
陪她鬧

clipboard.png

clipboard.png

2018年2月10日 16:25
編輯回答
病癮

直接搜索圖片地址吧,css文件與js文件不好定位,assets/a.png

2018年8月18日 22:00
編輯回答
愛礙唉

看圖說話

clipboard.png

2017年6月27日 01:09