在测试的时候,建立一个最小测试集对于测试调试是很有帮助的。
为了测试与图片装载相关的内容,建立了下面的页面。内容很简单,就是动态添加两个 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 越办越好啦~