javascript 检查图像是否在浏览器缓存中

Question

我有以下代码来检查外部图像是否被缓存

<script type="text/javascript">
    function cached(url){
       var test = document.createElement("img");
       test.src = url;
       return test.complete || test.width+test.height > 0;
    }
    var base_url = "http://www.google.com/images/srpr/nav_logo80.png"
    alert("Expected: true or false\n" +
        cached(base_url)
        + "\n\nExpected: false (cache-busting enabled)\n" +
        cached(base_url + "?" + new Date().getTime()));         
</script>

我得到以下结果 false false，然后在 Firefox 和 IE 上为 true false (我假设它首先触发 false false，然后在抓取图像后，它触发 true,false，但在 chrome 中它是 false，总是错误

有什么理由吗？

Answer 1

this question 上的答案似乎可以在 Chrome 上运行。

function cached(url){
    var test = document.createElement("img");
    test.src = url;
    return test.complete || test.width+test.height > 0;
}
var base_url = "http://www.google.com/images/srpr/nav_logo80.png"
alert("Expected: true or false\n" +
  cached(base_url)
  + "\n\nExpected: false (cache-busting enabled)\n" +
  cached(base_url + "?" + new Date().getTime()));

回答从该问题复制/粘贴的内容，不是我的工作。