html - 具有相同源 src 的多个图像 标签

Question

如果我有数千张图片 <img>标签相同 src值(value)，像这样

<img src="https://something.com/images/myimg.png" alt="" />
<img src="https://something.com/images/myimg.png" alt="" />
<img src="https://something.com/images/myimg.png" alt="" />
<img src="https://something.com/images/myimg.png" alt="" />
<img src="https://something.com/images/myimg.png" alt="" />
<img src="https://something.com/images/myimg.png" alt="" />
...

那么，浏览器是发送1000次请求还是一次请求获取图片呢？

Answer 1

在研究缓存问题时，Firefox 的 Firebug 或 Chrome 中的开发人员工具 等工具非常有用。如果您打开其中任何一个的“网络”面板并重新加载页面，您将看到为每个项目发送的 HTTP 状态代码。 304(未修改)表示该项目是从缓存中本地检索的。此外，当它向服务器请求图像时，它通常会随图像请求一起发送，以及一些告诉服务器的 header 。