Google chrome devtools 查看Chrome开发工具中加载的外部图像?

Google chrome devtools 查看Chrome开发工具中加载的外部图像?,google-chrome-devtools,Google Chrome Devtools,我的CSS中有一些外部引用的图像: .something { background: url('www.example.com/image'); } 如何在Chrome开发工具中看到这样加载的图像 我认为最好的选择是: 打开Devtools的网络面板 选择Img 按域排序(如果不存在,请右键单击任何列标题添加域列) 或者,更好的方法是使用筛选器框排除本地主机(或其他):-domain:localhost 请参阅捕获:

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

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

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

我认为最好的选择是:

  • 打开Devtools的网络面板
  • 选择Img
  • 按域排序(如果不存在,请右键单击任何列标题添加域列)

    或者,更好的方法是使用筛选器框排除本地主机(或其他):
    -domain:localhost

  • 请参阅捕获: