您的位置：首页 > 其它

貌似是chrome在ubuntu下的一个bug

2011-09-27 17:38 344 查看
假设有如下两个页面：

1.html

<!doctype html>
<html>
<head><title>test</title>
<meta http-equiv="Content-Type" content="text/html charset=utf-8" />
</head>
<body>
<a href="test.html" target="blank">测试</a>
</body>
</html>


test.html

<!doctype html>
<html>
<head>
<title>test page</title>
<meta http-equiv="Content-Type" content="text/html charset=utf-8" />
<script src="jquery-1.6.2.js" type="text/javascript"></script>
<script type="text/javascript">
(function(){
$(document).ready(function(){
//console.log($(window).height());
$('#a').append('<p>' + $(window).height() + '</p>');
setTimeout(function(){
//console.log($(window).height());
$('#a').append('<p>' + $(window).height() + '</p>');
}, 100);
});
})();
</script>
</head>
<body>
<div id="a"></div>
</body>
</html>


将两个网页源码保存命名后放到同一个目录下，并嵌入相应jquery，如果单独用chrome打开test.html，页面会正确显示两次页面的可视高度值，但是如果从1.html页面的测试链接跳转到test.html这个页面，页面显示的第一个可视高度值是0，第二个正确，可能是由于chrome在渲染DOM时候的问题，算是bug吧。

PS.修改那个setTimeout的第二个参数值，让它变小，chrome可能会出现更神奇的现象。

PS.同样使用webkit的safari，测试正常，而且在windows下使用chrome测试本实例，结果也正确。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  chrome ubuntu function 测试 safari webkit
相关文章推荐
新的分享
章节导航