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

Question

我的 CSS 中有一些外部参考图片：

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

如何在 Chrome 开发工具中查看像这样加载的图像？

Answer 1

我认为最好的选择是：

1. 打开 DevtoolsNetwork 面板
2. select Img

3. 按域排序（如果不存在，请在任何列 header 上按 right-clicking 添加 域 列）

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

查看截图：