查看Chrome开发工具中加载的外部图片？

Question

我的CSS中有一些外部引用的图像：

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

如何在Chrome开发工具中查看正在加载的图片？

Answer 1

我看到的最佳选择是：

1. 打开Devtools
的网络面板
2. 选择 Img

3. 按域排序（如果不存在，请右键单击任何列标题添加域列）

   或者更好的是，使用过滤器框排除 localhost（或其他）：-domain:localhost

见捕获：