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

Question

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

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

Answer 1

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