如何在加载时知道图像是否在浏览器中缓存

Question

我有一个网页，第一次打开SVG图像时总是需要2秒钟，下次加载页面时，由于SVG文件被浏览器缓存，页面将会立即显示SVG文件。

现在我想在页面上显示加载，直到SVG图像完全加载到页面上，SVG图像嵌入在CSS中，也许我可以用ajax加载图像，但现在关键问题是如何我是否知道SVG图像是否被缓存，所以如果我知道图像被缓存，则无需发送请求，否则发送请求图像的请求。

Answer 1

使用开发人员工具并检查网络选项卡并开始捕获，重新加载页面并查看列表中的项目，您应该看到从缓存中使用的任何内容的304或“未修改”状态。