浏览器何时缓存下载的图像？

Question

此脚本会导致图像被浏览器缓存吗？

var img = new Image();
img.src  = "http://www.nasa.gov/sites/default/themes/NASAPortal/images/nasa-logo.gif"

还是仅在添加到DOM时才实际下载/缓存它？

我在Chrome调试器中的任何位置都看不到它，但可能会丢失一些东西。

谢谢

Answer 1

假设没有指示浏览器避免缓存的http标头，则无论成功下载的图像是javascript对象，带JS的DOM还是页面HTML的一部分，图像都会在成功下载后立即进行缓存。 那部分没有区别。

实际上，您甚至可以像这样使用纯JavaScript将图像预加载到缓存中： 如何在Javascript中缓存图像 。