查看Chrome開發工具中加載的外部圖像？

Question

我有一些外部引用的圖片在我的CSS：

.something { 
    background: url('www.example.com/image'); 
} 

我怎麼能看到被加載什麼相似圖片在Chrome瀏覽器開發工具？

Answer 1

我看到的最好的選擇是：

1. 打開Devtools
的 網絡面板
2. 選擇圖

3. 排序域（如果不存在，添加域通過右鍵單擊任何列標題）

   或者，更好地使用過濾器盒t ø排除本地主機（或其它）：-domain:localhost

參見捕獲：