Chrome,为什么第二张图片看不见呢?

在测试的时候,建立一个最小测试集对于测试调试是很有帮助的。

为了测试与图片装载相关的内容,建立了下面的页面。内容很简单,就是动态添加两个 IMG。

<html>
<head>
    <title>Test Loading IMG</title>
    <style>body { background-color: #00F; }</style>
</head>
<body>
<script>
function show() {
    for (var i = 0; i < 2; i++) {
        var img = new Image();
        img.src = "chrome.png";
        img.title = "Image here";
        document.body.appendChild(img);
    }
}
setTimeout(show, 1000);
</script>
</body>
</html>

用各种浏览器(IE6 除外)打开,理论上应该不会出什么乱子。

但是竟然发现在 chrome 里第二个图不见了。实际上图是在那里的,只是看不见,鼠标移上去,title 是能正确显示出来,进行全选操作之后,图就出现了。

当然,实际页面中不会只有两个 IMG,只要在 body 内加一个字符如 a,chrome 就可以正常显示了,-_-!!

当前我的 chrome 版本是 7.0.517.41 beta,估计会有人跟我说 chrome 更新这么快,beta 嘛,难免的。

希望 chrome 越办越好啦~