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

标签 html browser request

如果我有数千张图片 <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次请求还是一次请求获取图片呢?

最佳答案

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

关于html - 具有相同源 src 的多个图像 <img> 标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30866513/

相关文章:

javascript - 为什么 javascript 不能改变 iframe 的 dom,但浏览器工具可以?

html - 如何使这个 div 过渡更平滑(因为 CSS 过渡似乎不起作用)

html - 如何双击而不是单击以 Angular 打开文件

javascript - 使用 js-ipfs 在浏览器中发布的 IPNS 名称不会在网关或本地节点上解析

java - 发送 HTTP POST 请求

css - IE 100% 静态 div

javascript - 支持网络 worker 的 iPhone 浏览器?

Javascript - 垃圾收集器计时器?

javascript - Node 中的 request.post 抛出 { code : undefined, Reason: 'Argument error, options.body.' }

reactjs - axios get请求在React中第一次返回undefined