什么时候浏览器缓存了下载的图像？

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预加载图像（进入缓存），如下所示：How do you cache an image in Javascript。