我有一些使用Javascript动态显示的图像:
$('<img src="42.png" />').appendTo(...)
我正在通过在文档的其他位置显示这些图像来预加载这些图像:
...
<img src="41.png">
<img src="42.png">
<img src="43.png">
...
注意,我没有使用visibility:hidden或display:none或类似的东西。这些图像实际上是可见的。
有时,这似乎没有任何影响 - 当我动态显示图像时,我看到请求实际上被发送到服务器... 即使我可以清楚地看到其他地方已经可以看到的图像页面。
故事的寓意是Chrome的行为在这种情况下没有明确定义,如果我真的想要可靠地预加载图像,我需要研究HTML5离线支持/应用缓存/本地存储等内容吗?我错过了什么吗?