貌似是chrome在ubuntu下的一个bug

最新推荐文章于 2024-07-25 15:56:54 发布

xincici

最新推荐文章于 2024-07-25 15:56:54 发布

阅读量641

点赞数

分类专栏： web前端开发文章标签： chrome ubuntu function 测试 safari webkit

本文链接：https://blog.csdn.net/xincici/article/details/6826988

版权

web前端开发专栏收录该内容

1 篇文章 0 订阅

订阅专栏

假设有如下两个页面：

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测试本实例，结果也正确。